Icon
The Agriculture Design System supports the use of universal system icons. The icon component is used to apply our set of universal icons to more complex components of the system.
import { ... } from '@ag.ds-next/react/icon';Usage
Icon components can be imported via the icon entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/icon';Props
| Prop | Type | Description |
|---|---|---|
| aria-hidden? | Booleanish | |
| aria-label? | string | |
| color? | "text" | "border" | "inherit" | "action" | "selected" | "muted" | "accent" | "info" | "success" | "error" | "warning" | |
| size? | ResponsiveProp<"md" | "lg" | "xl" | "sm"> | |
| style? | CSSProperties | |
| weight? | "bold" | "regular" |
Source
You can view the full source code for this package on Github.