## Usage ### React ```tsx import React from 'react'; import { KvTagAlarm } from '@kelvininc/react-ui-components'; export const TagLetterExample: React.FC = () => ( <> {/*-- Default --*/} {/*-- Custom Label --*/} {/*-- Only with icon --*/} ); ``` ## Properties | Property | Attribute | Description | Type | Default | | ----------------------- | ------------ | ----------------------------- | --------------------------------------------------------------------------------------------------------------------- | ---------------------- | | `hideLabel` | `hide-label` | (optional) Hide alarm label | `boolean` | `false` | | `label` | `label` | (optional) Alarm custom label | `string` | `''` | | `severity` _(required)_ | `severity` | (required) Alarm Severity | `EAlarmSeverity.Five \| EAlarmSeverity.Four \| EAlarmSeverity.One \| EAlarmSeverity.Three \| EAlarmSeverity.Two` | `undefined` | | `size` | `size` | (optional) Tag Alarm Size | `ETagAlarmSize.Large \| ETagAlarmSize.Normal \| ETagAlarmSize.Small \| ETagAlarmSize.XSmall \| ETagAlarmSize.XXSmall` | `ETagAlarmSize.Normal` | ## Dependencies ### Depends on - [kv-tag](../tag) - [kv-icon](../icon) ### Graph ```mermaid graph TD; kv-tag-alarm --> kv-tag kv-tag-alarm --> kv-icon style kv-tag-alarm fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------