Indicator
Indicator is used to place an element on the corner of another element.
Installation
npx jsx-daisyui add indicatorStatus
indicator-status
Badge
indicator-badge
New
Content
Button
indicator-button
12
Placements
indicator-placements
↖︎↑↗︎←●→↙︎↓↘︎
Box
Responsive
indicator-responsive
Responsive
Content
Props
IndicatorItem
| Prop | Type | Default | Description |
|---|---|---|---|
renderAs | React.ElementType | 'span' | The HTML element or component to render as. |
horizontal | 'start' | 'center' | 'end' | 'end' | The horizontal placement of the indicator. |
vertical | 'top' | 'middle' | 'bottom' | 'top' | The vertical placement of the indicator. |