Icons -
Import
import Icon from '@intelops/intelops_ui/packages/react/components/Icon/src';
Create a Icon
<Icon
icon="ChartPieIcon"
className="w-8 h-8"
color="Orange"
size="small"
/>
Props
Name | Type | Description |
---|---|---|
id | string | Unique to each element can be used to lookup an element getElementById( ) |
icon | string | Name of the icon from the heroicons |
children | node | Components content |
className | text | To add new or to override the applied styles |
type | text | the type of button - can be given custom names and be used for grouping and styling |
variant | text | The type of variant to use (all available button types in the table below) |
color | string | To change buttons color |
Icon Color
Each icon has 8 colors to choose from:
- fushia
- slate
- lime
- red
- orange
- cyan
- gray
- darkGray
Icon Sizes
3 size options:
- small
- medium
- large