@hixme-ui/card-drawer

hixme-ui CardDrawer component

Stats

StarsIssuesVersionUpdatedCreatedSize
@hixme-ui/card-drawer
2.0.0-alpha.124 months ago4 years agoMinified + gzip package size for @hixme-ui/card-drawer in KB

Readme

Card Drawer

npm i --save @hixme-ui/card-drawer

View it live

CardDrawer is an accordion component implemented with Card and react-collapsible.

Usage

import CardDrawer from '@hixme-ui/card-drawer'

// Using react-collapsible
<CardDrawer collapsible cardHeader='Drawer title'>
  <p>Drawer content</p>
</CardDrawer>

// Always open, static CardDrawer
<CardDrawer open cardHeader='Drawer title'>
  <p>Drawer content</p>
</CardDrawer>

// You can also supply the content to the cardContent prop
<CardDrawer
  collapsible
  cardHeader='Drawer title'
  cardContent={
    <p>Drawer content</p>
  }
/>

Props

Name Type Default
cardContent node null
cardHeader string null
children node N/A
collapsible boolean false
disabled boolean false
hideArrow boolean false

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.