components
TagV2
v.1.0.0 | SaturnUsage
import { TagV2 } from '@kubit-ui-web/react-components'
1
<TagV2 variant="HEALTHY" label={{content: 'LABEL'}} />Props
Let's delve into the versatility of the tag component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Variant |
label Required | TagLabelType | - | Label |
| icon | IElementOrIcon | - | Icon |
| aria-label | String | - | aria-label label for tag |
| aria-labelledby | String | - | aria-labelledby label for tag |
| aria-describedby | String | - | aria-describedby label for tag |
| aria-disabled | Boolean | - | aria-disabled label for tag |
| component | string or React.ComponentType<any> | - | Component |
| dataTestId | String | tag | Test id |
| ctv | TagPropsStylesType | - | Modify styles for the default version of the component |