Badge
Notisindikator, Statusindikator
Badge används tillsammans med en ikon eller knapp för att påvisa att användaren har något oläst att ta del av.
Installation
- npm
- Yarn
- pnpm
npm install @midas-ds/components
yarn add @midas-ds/components
pnpm add @midas-ds/components
import { Badge } from '@midas-ds/components'
Placering
För att placera Badge korrekt ovanpå till exempel en ikon eller knapp kan du använda komponenten BadgeContainer. Denna komponent skapar en relativ position för Badge att placera sig mot och säkerställer att den placeras korrekt. Använder du inte BadgeContainer kommer badge att placeras som ett normalt blockelement.
Label
Använd en label för att till exempel visa hur många meddelanden som är olästa.