@UiReact

Installation

The Basics

Themes

Colorations

Foundation

Main View

Components

Charts

Dialogs

Framer Animations

EzForms

Forms

Grids

Typography

Tools

Contributing

Feature request

UiExpandoCard

Package: @uireact/expando

^v2.7.10

This component renders a card with a heading that allows to show or hide content when clicked.

Installation ⚙️

1. Make sure you install peer dependencies first:

Expand peer dependencies

2. Install package:

npm i -S @uireact/expando

Usage


  <UiExpandoCard expandLabel="Expand me" collapseLabel="Collapse me">
    <span>This is some content</span>
  </UiExpandoCard>

Expando with custom category and inverse heading coloration


  <UiExpandoCard expandLabel="Expand me" collapseLabel="Collapse me" category="tertiary" headingInverseColoration>
    <span>This is some content</span>
  </UiExpandoCard>

Expando initiated expanded


  <UiExpandoCard expandLabel="Expand me" collapseLabel="Collapse me" expanded>
    <span>This is some content</span>
  </UiExpandoCard>