Badge API
Learn about the Badge component's props and CSS classes.Import
import { BadgeProps } from "@prismane/core";
Props
Badge extends Circle component's props.
| Name | Type | Description | Default |
|---|---|---|---|
label | ReactNode | The label element of the badge. | 0 |
position | PrismanePositions | The position of the badge. | top-start |
color | PrismaneColors | The color of the badge. | - |
size | PrismaneBreakpoints | The size of the badge. | - |
CSS
Badge extends Circle component's CSS classes.
| Rule | Global Class | Description |
|---|---|---|
root | .PrismaneBadge-root | The wrapper box of the container. |
root | .PrismaneBadge-root-{position} | The wrapper box of the container based on the position. |
root | .PrismaneBadge-root-{color} | The wrapper box of the container based on the color. |
root | .PrismaneBadge-root-{size} | The wrapper box of the container based on the size. |