# field-item



<!-- Auto Generated Below -->


## Properties

| Property          | Attribute          | Description | Type                | Default     |
| ----------------- | ------------------ | ----------- | ------------------- | ----------- |
| `dataUnit`        | --                 |             | `DataUnit`          | `undefined` |
| `fieldConfig`     | `field-config`     |             | `IFieldConfig`      | `undefined` |
| `messagesBuilder` | --                 |             | `SnkMessageBuilder` | `undefined` |
| `onLayoutConfig`  | `on-layout-config` |             | `boolean`           | `false`     |


## Events

| Event                 | Description | Type                        |
| --------------------- | ----------- | --------------------------- |
| `addFieldToGuide`     |             | `CustomEvent<IFieldConfig>` |
| `setFieldAsAvailable` |             | `CustomEvent<IFieldConfig>` |


## Dependencies

### Used by

 - [fields-layout](../fields-layout)
 - [fields-selector](../fields-selector)

### Depends on

- [field-config](field-config)

### Graph
```mermaid
graph TD;
  field-item --> field-config
  fields-layout --> field-item
  fields-selector --> field-item
  style field-item fill:#f9f,stroke:#333,stroke-width:4px
```

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