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 |