Agriculture Design System
Beta
Design System for the Export Service

Toggle button

Toggle button is a two-state button that represents and performs an on/off state.

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

To meet WCAG 1.4.1, the icon size increases slightly on hover to indicate that the button is interactive without relying on colour alone.