# UIFieldEditor

An editor component that lets the user edit text fields on a node.

**See**: [UIDatetimeFieldEditor](https://github.com/Infomaker/naviga-writer-docs/blob/8.0/api-reference/uicomponents/UIDatetimeFieldEditor/README.md) for datetime editing\
**Since**: 6.0.0 (3.2.0)

| Name              | Type                         | Default | Description                                                |
| ----------------- | ---------------------------- | ------- | ---------------------------------------------------------- |
| field             | `string` \| `Array.<string>` |         | **Required** - Name of, or path to, the node field to edit |
| node              | `Node`                       |         | **Required** - The node                                    |
| placeholder       | `string`                     |         | **Required** - Placeholder of the field                    |
| multiline         | `boolean`                    | `false` | If set to true enables multine support for field           |
| disabled          | `boolean`                    | `false` | Set to true to disable field                               |
| icon              | `string`                     |         | Icon to display with the field                             |
| enableAnnotations | `boolean`                    | `false` | If annotations should be enabled for the field             |

### Example

```js
import {UIFieldEditor} from 'writer'

render($$) {
    const el = $$('div')
    return el.append(
        $$(UIFieldEditor, {
            node: this.props.node,
            multiLine: false,
            field: 'title',
            placeholder: this.getLabel('Add title here')
        })
    )
}
```