Label
yarn add @clayui/label
Labels are a visual pattern used to categorize information providing quick and easy recognition.
Stable3.4.1View in LexiconCHANGELOG
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
dismissible | boolean | false | Flag to indicate if `label-dismissible` class should be applied. | |
displayType | 'secondary' | 'info' | 'warning' | 'danger' | 'success' | 'unstyled' | false | Determines the style of the label. | |
large | boolean | false | Flag to indicate if the label should be of the `large` variant. | |
closeButtonProps | React.ButtonHTMLAttributes<HTMLButtonElement> & { ref?: (instance: HTMLButtonElement | null) => void; } | false | HTML properties that are applied to the 'x' button. | |
innerElementProps | React.ComponentProps<typeof ClayLabelItemExpand> | false | {} | Pros to add to the inner label item |
spritemap | string | false | Path to the location of the spritemap resource used for Icon. | |
withClose | boolean | false | true | Flag to indicate if component should include the close button |