Components

Editable

Click-to-edit inline text that swaps the value for an input, saving on Enter or blur.

php artisan blatui:add editable
<x-ui.editable name="title" value="Project Apollo" label="title" class="max-w-xs" />

Textarea

<x-ui.editable
    name="bio"
    as="textarea"
    label="bio"
    value="Senior engineer crafting design systems. Press Enter for a new line, then Save."
    class="max-w-sm"
/>

With Placeholder

<x-ui.editable name="nickname" label="nickname" placeholder="Add a nickname…" class="max-w-xs" />