Saltar al contenido
El Muestrario

componente · @solu30/ui-kit/input

InlineEditText

Texto que se edita en el lugar, con un botón de lápiz visible como disparador de la edición.

5 sitios de import en 1 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

  • luigi

El componente, montado

Cargando el componente del paquete instalado…

Cómo se usa

import { InlineEditText } from '@solu30/ui-kit/input'

Props

5 props declaradas en los tipos de la versión instalada.
PropRequeridaTipoQué hace
valuesístringCurrent text value
onSavesí(next: string) => void | Promise<void>Called with the trimmed new value when the user commits (sync or async)
placeholderopcionalstringPlaceholder shown inside the input while editing
editTooltipopcionalstringTooltip / aria-label for the edit trigger button
classNameopcionalstringExtra class names applied to the outer wrapper