Skip to content

Latest commit

 

History

History
47 lines (34 loc) · 816 Bytes

README.md

File metadata and controls

47 lines (34 loc) · 816 Bytes

@axa-fr/react-toolkit-badge

  1. Installation
  2. Simple badge
  3. With Icon

Installation

npm i @axa-fr/react-toolkit-badge

Simple badge

Import

import Badge from '@axa-fr/react-toolkit-badge';
import '@axa-fr/react-toolkit-badge/dist/af-badge.css';

Use

const SimpleBadge = () => <Badge classModifier="success">Lorem ipsum</Badge>;
export default SimpleBadge;

With Icon

Import

import Badge from '@axa-fr/react-toolkit-badge';
import '@axa-fr/react-toolkit-badge/dist/af-badge.css';

Use

const WithIconBadge = () => (
  <Badge classModifier="error">
    <i className="glyphicon glyphicon-bell" />
  </Badge>
);
export default WithIconBadge;