No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Overview

You can pass the arguments that has a span tag (onClick, id, name, style, type, etc...)

Badges

PrimarySecondaryInfoWarningSuccessDangerLightDark
import React from 'react'; import { Badge } from "react-lux"; function App() { return ( <Badge theme="primary">Primary</Badge> <Badge theme="secondary">Secondary</Badge> <Badge theme="info">Info</Badge> <Badge theme="warning">Warning</Badge> <Badge theme="success">Success</Badge> <Badge theme="danger">Danger</Badge> <Badge theme="light">Light</Badge> <Badge theme="dark">Dark</Badge> ); } export default App;

Badges rounded

Primary
Secondary
Info
Warning
Success
Danger
Light
Dark
import React from 'react'; import { Badge } from "react-lux"; function App() { return ( <Badge rounded theme="primary">Primary</Badge> <Badge rounded theme="secondary">Secondary</Badge> <Badge rounded theme="info">Info</Badge> <Badge rounded theme="warning">Warning</Badge> <Badge rounded theme="success">Success</Badge> <Badge rounded theme="danger">Danger</Badge> <Badge rounded theme="light">Light</Badge> <Badge rounded theme="dark">Dark</Badge> ); } export default App;