@arnat/styled-listgroup
TypeScript icon, indicating that this package has built-in type declarations

0.0.12 • Public • Published

ARNAT styled-listgroup

npm Travis branch Codecov branch storybook lerna

Modular approach to use bootstrap components for quick prototypes, as an entrypoint of the component library.

Usage

import { ListGroup, ListGroupItem } from '@arnat/styled-listgroup';

const MyListGroupComponent = props => (
  <ListGroup>
    <ListGroupItem active>Cras justo odio</ListGroupItem>
    <ListGroupItem>Dapibus ac facilisis in</ListGroupItem>
    <ListGroupItem>Morbi leo risus</ListGroupItem>
    <ListGroupItem>Porta ac consectetur ac</ListGroupItem>
    <ListGroupItem disabled>Vestibulum at eros</ListGroupItem>
  </ListGroup>
);

Properties

Properties which can be added to the component to change the visual appearance.

  • flush only on ListGroup Type: boolean
  • primary only on ListGroupItem Type: boolean
  • secondary only on ListGroupItem Type: boolean
  • success only on ListGroupItem Type: boolean
  • danger only on ListGroupItem Type: boolean
  • warning only on ListGroupItem Type: boolean
  • info only on ListGroupItem Type: boolean
  • light only on ListGroupItem Type: boolean
  • dark only on ListGroupItem Type: boolean
  • action only on ListGroupItem Type: boolean
  • active only on ListGroupItem Type: boolean
  • disabled only on ListGroupItem Type: boolean

Package Sidebar

Install

npm i @arnat/styled-listgroup

Weekly Downloads

2

Version

0.0.12

License

MIT

Unpacked Size

38.2 kB

Total Files

13

Last publish

Collaborators

  • arnat.technologies
  • rsurjano