styled-badge-component

The bootstrap badge 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-badge-component
npm install --save styled-components@^4.1.3 react@^16.7.0 # Peer dependencies

Usage

For detailed information with examples take a look at the documentation.

import { Badge } from 'styled-badge-component';

const MyBadgeComponent = (props) => (
  <Badge primary pill>Hello</Badge>
);

Import components from styled-bootstrap-component if you have it installed.

Properties

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

• noRadius Type: boolean
• pill Type: boolean
• primary Type: boolean
• secondary Type: boolean
• success Type: boolean
• danger Type: boolean
• warning Type: boolean
• info Type: boolean
• light Type: boolean
• dark Type: boolean

License

MIT © Lukas Aichbauer