Editable

An input that can be edited inline and committed with keyboard or pointer controls.
alphaView source
Edit ...
vue
<script setup lang="ts">
import { Editable } from '@typlog/ui'
</script>

<template>
  <div class="flex">
    <Editable placeholder="Edit ..." />
  </div>
</template>

API Reference ​

PropDefaultType
color
–
Color

Overrides the accent color inherited from the theme.

radius"small"
"none""small""medium""large""full"

Overrides the radius inherited from the theme.

size"1"
"1""2""3"

Control the size of the padding and radius.

Last updated Sep 15, 2026
ComboboxTabs