components
Icon Highlighted
v.1.0.0 | SaturnUsage
import { IconHighlighted } from '@kubit-ui-web/react-components'
1
<IconHighlighted icon="ICON_GHOST" color="pink" backgroundColor="black" variant="SQUARE" size="MEDIUM" />Props
Let's delve into the versatility of the IconHighlighted component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Variant to add IconHighlighted styles |
size Required | IconHighlightedSizeType | - | Icon size |
| icon | ReactNode | - | Icon to show |
| type | IconHighlightedType | - | Icon type in order to be accessible |
| backgroundColor | String | - | Set the background color |
| ctv | IconHighlightedVariantStylesType | - | Modify styles for the default version of the component |
And extends props from IElementOrIcon and from IIcon, except icon