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

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
iconstringName of the icon from the heroicons
childrennodeComponents content
classNametextTo add new or to override the applied styles
typetextthe type of button - can be given custom names and be used for grouping and styling
varianttextThe type of variant to use (all available button types in the table below)
colorstringTo change buttons color
Icon Color

Each icon has 8 colors to choose from:

  1. fushia
  2. slate
  3. lime
  4. red
  5. orange
  6. cyan
  7. gray
  8. 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.

Contact Us