Icon UI Component
<iframe src="/storybook-static/iframe.html?id=components-icon--single-icon"></iframe> <iframe src="/storybook-static/iframe.html?id=components-icon--list-icon"></iframe>npm i @synerise/ds-icon
or
yarn add @synerise/ds-icon
import Icon, { AngleLeftM } from '@synerise/ds-icon'
<Icon component={<AngleLeftM />
color={'red'}
title={'customIcon'}
size={20}
className={'classIcon'}
/>
Property | Description | Type | Default |
---|---|---|---|
color | Define the color used | string | inherit |
title | Name icon | string | |
size | Define size icon | string or number | 24 |
onClick | The callback function that is triggered when click on icon | fucnction | |
component | The component used for the root node | ReactNode | |
className | icon className | string | |
style | Style properties of icon, like color etc. | CSSProperties |