Badge v0.4.5 · @behivetech

Examples of v0.4.5 are shown as code; only the latest version runs live. Open the live examples →

Default Badge

1const DefaultBadge = () => <Badge variant="default">Default</Badge>;
2
3render(<DefaultBadge />);

Primary Badge

1const PrimaryBadge = () => <Badge variant="primary">Primary</Badge>;
2
3render(<PrimaryBadge />);

Success Badge

1const SuccessBadge = () => <Badge variant="success">Success</Badge>;
2
3render(<SuccessBadge />);

Warning Badge

1const WarningBadge = () => <Badge variant="warning">Warning</Badge>;
2
3render(<WarningBadge />);

Error Badge

1const ErrorBadge = () => <Badge variant="error">Error</Badge>;
2
3render(<ErrorBadge />);

Info Badge

1const InfoBadge = () => <Badge variant="info">Info</Badge>;
2
3render(<InfoBadge />);

Small Badge

1const SmallBadge = () => (
2  <Badge variant="primary" size="sm">
3    New
4  </Badge>
5);
6
7render(<SmallBadge />);