Agriculture Design System
Beta
Design System for the Export Service

Task list

Task list is a navigation tool that show users what input is required to complete a task or transaction.

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

Usage

Task list components can be imported via the task-list entrypoint in the @ag.ds-next/react package.

For example:

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

Props

TaskList Props
PropTypeDescription
itemsTaskListItem[]
ordered?boolean

Source

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