Skip to main content

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

ParameterType
propsIconProps
context?any

Returns

ReactNode

Example

 <Icon accentColor icon={<XMarkIcon />} />

Source

libs/design-system-core/src/components/Icon/index.tsx:47

Interfaces

IconProps

Properties

PropertyType
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