@hixme-ui/card-drawer

    2.0.0-alpha.12 • Public • Published

    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

    Install

    npm i @hixme-ui/card-drawer

    DownloadsWeekly Downloads

    1

    Version

    2.0.0-alpha.12

    License

    MIT

    Unpacked Size

    31.4 kB

    Total Files

    24

    Last publish

    Collaborators

    • billyxs
    • seesleestak