> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mastermindcms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# msm-form-field

> Web component msm-form-field.

`msm-form-field` is a web component built with Lit.

## Purpose

Render form inputs and UI controls.

## Usage

```html theme={null}
<msm-form-field></msm-form-field>
```

## Attributes / properties

| Name      | Type    | Default | Notes |
| --------- | ------- | ------- | ----- |
| `title`   | string  | -       |       |
| `item`    | object  | -       |       |
| `checked` | boolean | `false` |       |

## Events

| Event              | detail    | When |
| ------------------ | --------- | ---- |
| `msm-field-change` | `deleted` |      |

### Usage

```html theme={null}
<msm-form-field>
</msm-form-field>

<script>
  const el = document.querySelector("msm-form-field");
  el.addEventListener("msm-field-change", (e) => {
    console.log(e.detail);
  });

</script>
```

## CSS parts

No documented `part` slots.

## Slots

No documented slots.

## Methods

* `validate()`