Icons

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

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

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.