@arnat/styled-alert

The bootstrap alert component created with styled-components

Usage no npm install needed!

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

README

ARNAT Styled Alert

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 { Alert } from 'styled-bootstrap-components';
import { Alert } from '@arnat/styled-alert';

const SuccessAlert = props => <Alert success>Well done!</Alert>;

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