styled-listgroup-component
The bootstrap listgroup component made with styled-components.
This is a modular approach to use bootstrap components for quick prototypes, as an entrypoint of your own component library, or if you need just one bootstrap component for your application.
Installation
npm install --save styled-listgroup-componentnpm install --save styled-components@^4.1.3 react@^16.7.0 # Peer dependencies
Usage
For detailed information take a look at the documentation.
import ListGroup ListGroupItem from 'styled-listgroup-component'; const MyListGroupComponent = props <ListGroup> <ListGroupItem >Cras justo odio</ListGroupItem> <ListGroupItem>Dapibus ac facilisis in</ListGroupItem> <ListGroupItem>Morbi leo risus</ListGroupItem> <ListGroupItem>Porta ac consectetur ac</ListGroupItem> <ListGroupItem >Vestibulum at eros</ListGroupItem> </ListGroup>;
Properties
Properties which can be added to the component to change the visual appearance.
flush
only on ListGroup Type: booleanprimary
only on ListGroupItem Type: booleansecondary
only on ListGroupItem Type: booleansuccess
only on ListGroupItem Type: booleandanger
only on ListGroupItem Type: booleanwarning
only on ListGroupItem Type: booleaninfo
only on ListGroupItem Type: booleanlight
only on ListGroupItem Type: booleandark
only on ListGroupItem Type: booleanaction
only on ListGroupItem Type: booleanactive
only on ListGroupItem Type: booleandisabled
only on ListGroupItem Type: boolean
License
MIT © Lukas Aichbauer