Agriculture Design System
Beta
Design System for the Export Service

Tags

Tags classify content using keywords or labels. They are added to a web page, asset or content to help users search for related content quickly and easily.

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

Usage

Tags components can be imported via the tags entrypoint in the @ag.ds-next/react package.

For example:

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

Props

Tags Props
PropTypeDescription
itemsOmit<TagProps, "children" | "focusOnRemove"> & { label: string; }[]
heading?ReactNode
ref?Ref<HTMLDivElement>

Source

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