Iconography
Icons can be used in components that require information in the form of icons.
| Type | Resource |
|---|---|
| Design | Figma |
| Web | Web Storybook |
| Code | Gitlab |
Usage
import Icon, { IIconBase } from 'bind-ui-icon/all';<Icon {...props} type="humanmind-bf-mind-45" />
<Icon {...props} type="humanmind-bf-mind-46" />
<Icon {...props} type="humanmind-bf-mind-47" />
<Icon {...props} type="humanmind-bf-mind-48" />
<Icon {...props} type="humanmind-bf-mind-49" />Examples
Custom
Use type custom icon outline or filled to use a custom icon.
Icon Park
Use type icon park icon outline or filled to use a icon park icon.
Props
| Props | Required | Default | Type | description |
|---|---|---|---|---|
| source | false | - | string | To provide a choice of the source of the icon used. |
| customCategory | false | HumanMind | string | The list of icon information that belongs to the custom icon category. |
| iconparkCategory | false | Base | string | The list of icon information that belongs to the iconpark icon category. |
| mode | false | light | light, dark | The theme mode of the select (light or dark). |
| size | false | [24] | number | Custom size for each icon used. |
| theme | false | outline | outline, filled | The visual style theme of the iconography. |
| customColor | false | #000 | string | Function to customize the color of the icon used. |