@arnat/styled-badge

The bootstrap badge component created with styled-components

Usage no npm install needed!

<script type="module">
  import arnatStyledBadge from 'https://cdn.skypack.dev/@arnat/styled-badge';
</script>

README

styled-badge-component

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 { Badge } from '@arnat/styled-badge';

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

Import components from @arnat/styled-bootstrap 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