Icon
Icons that are meaningful and understood by all users can improve a user’s experience. The icon component is used to apply our set of meaningful 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" | |
| id? | string | |
| size? | ResponsiveProp<"sm" | "md" | "lg" | "xl"> | |
| style? | CSSProperties | |
| weight? | "bold" | "regular" |
Source
You can view the full source code for this package on Github.