Editable

Click-to-edit inline text.

import { BuiEditable } from 'ng-blatui';

<bui-editable [(value)]="name" label="title" />

With placeholder

<bui-editable [value]="''" label="nickname" placeholder="Add a nickname…" />

<!-- [multiline]="true" edits in a textarea (Escape cancels, blur commits) -->
<bui-editable [(value)]="note" [multiline]="true" label="note" />

Prop	Type	Default	Description
`placeholder`	`string`	`'Empty'`	Text shown when the value is empty.
`label`	`string`	`'value'`	Noun used in the field's accessible label.
`multiline`	`boolean`	`false`	Edit in a multi-line textarea instead of a single-line input.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`value`	`string`	`''`	Current text. Two-way bindable with `[(value)]`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.