# FieldSet Documentation

## Installation

```bash
jsrepo add ui/field-set
```

## Components

### Root

The root component of the field set.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| ref | HTMLDivElement | null | false | true | A reference to the field set root element. |
| children | Snippet | - | false | false | The content of the field set. |
| variant | "default" | "destructive" | default | false | false | The visual style of the field set. |

### Title

The title of the field set.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| ref | HTMLHeadingElement | null | false | true | A reference to the field set title element. |
| children | Snippet | - | false | false | The content of the field set title. |
| level | 1 | 2 | 3 | 4 | 5 | 6 | 3 | false | false | The heading level for the title. |

### Content

The content area of the field set.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| ref | HTMLDivElement | null | false | true | A reference to the field set content element. |
| children | Snippet | - | false | false | The content of the field set content. |

### Footer

The footer area of the field set.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| ref | HTMLDivElement | null | false | true | A reference to the field set footer element. |
| children | Snippet | - | false | false | The content of the field set footer. |