styled-button-component
The bootstrap button 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-button-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 Button LinkButton ButtonGroups ButtonToolbar from 'styled-button-component'; const MyButtonComponent = props <Button >My Button</Button>; const MyButtonGroupComponent = props <ButtonGroup> <Button >Left</Button> <Button >Middle</Button> <Button >Right</Button> </ButtonGroup>; const MyButtonToolbarComponent = props <ButtonToolbar> <ButtonGroup > <LinkButton >1</LinkButton> <LinkButton >2</LinkButton> <LinkButton >3</LinkButton> <LinkButton >4</LinkButton> </ButtonGroup> <ButtonGroup > <LinkButton >5</LinkButton> <LinkButton >6</LinkButton> <LinkButton >7</LinkButton> </ButtonGroup> <ButtonGroup> <LinkButton >8</LinkButton> </ButtonGroup> </ButtonToolbar>;
Properties
Properties which can be added to the component to change the visual appearance.
pill
only on Button, LinkButton Type: booleannoRadius
only on Button, LinkButton Type: booleanprimary
Type: booleansecondary
Type: booleansuccess
Type: booleandanger
Type: booleanwarning
Type: booleaninfo
Type: booleanlight
Type: booleandark
Type: booleanactive
Type: booleandisabled
Type: booleanoutline
Type: booleanblock
Type: booleansm
small Type: booleanlg
large Type: booleanvertical
only on ButtonGroup Type: boolean
License
MIT © Lukas Aichbauer