@kelvininc/ui-components/docs/components/form-label/readme.md

Kelvin UI Components

<!-- Auto Generated Below -->


## Usage

### React

```tsx
import React from 'react';

import { KvFormLabel } from '@kelvininc/react-ui-components';

export const FormLabelExample: React.FC = () => (
	<>
		{/*-- Default --*/}
		<KvFormLabel />

		{/*-- Labeled --*/}
		<KvFormLabel label="Form Field" />

		{/*-- Labeled & Required --*/}
		<KvFormLabel label="Form Field" required />
	</>
);

```



## Properties

| Property             | Attribute  | Description                    | Type      | Default     |
| -------------------- | ---------- | ------------------------------ | --------- | ----------- |
| `label` _(required)_ | `label`    | (required) Form field label    | `string`  | `undefined` |
| `required`           | `required` | (optional) Form field required | `boolean` | `undefined` |


## CSS Custom Properties

| Name            | Description       |
| --------------- | ----------------- |
| `--label-color` | Label Text color. |
| `--label-color` | Label Text color. |


## Dependencies

### Used by

 - [kv-date-time-input](../date-time-input)
 - [kv-radio-list](../radio-list)
 - [kv-text-field](../text-field)

### Graph
```mermaid
graph TD;
  kv-date-time-input --> kv-form-label
  kv-radio-list --> kv-form-label
  kv-text-field --> kv-form-label
  style kv-form-label fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------