Agriculture Design System
Beta
Design System for the Export Service

Indicator dot

Indicator dots are small, decorative, badge-like indicators used to call attention to an item, such as an unread message.

View in FigmaView in StorybookView in Github
import { ... } from '@ag.ds-next/react/indicator-dot';

Usage

Indicator dot components can be imported via the indicator-dot entrypoint in the @ag.ds-next/react package.

For example:

import { ... } from '@ag.ds-next/react/indicator-dot';

Props

IndicatorDot Props
PropTypeDescription
aria-label?string
The accessible label to read out in screen readers.

Source

You can view the full source code for this package on Github.