id: icon
title: Icon
Icon UI Component
Single icon
Icon list
Installation
npm i @synerise/ds-icon
or
yarn add @synerise/ds-icon
Usage
import Icon, { AngleLeftM } from '@synerise/ds-icon'
<Icon component={<AngleLeftM />
color={'red'}
title={'customIcon'}
size={20}
className={'classIcon'}
/>
API
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 | |