Icon
Components
Icon()
Icon(
props,context?):ReactNode
An Icon's purpose is as clear as its name indicates: provide an icon. In our design system, we use Heroicons together with our own icons to make up a rich icon library that you can easily include in your app and apply custom styling to them through props as you see fit.
Parameters
| Parameter | Type |
|---|---|
props | IconProps |
context? | any |
Returns
ReactNode
Example
<Icon accentColor icon={<XMarkIcon />} />
Source
libs/design-system-core/src/components/Icon/index.tsx:47
Interfaces
IconProps
Properties
| Property | Type |
|---|---|
accentColor? | boolean |
breakPointSize? | BreakPointSize |
color? | Color |
customStyle? | string |
dataTestId? | string |
disabled? | boolean |
hover? | boolean |
hoverColor? | Color |
icon? | ReactElement<any, string | JSXElementConstructor<any>> |
ref? | Ref<HTMLDivElement> |
rotateAnimation? | boolean |
size? | BasicIconSize |
solid? | boolean |