Orbit UI

Input

Campo de texto y textarea con autosize. Label, descripcion y error quedan asociados por React Aria, asi que el error se anuncia solo al fallar la validacion.

npx orbitui-cli add input
Se muestra en la barra lateral.
Crece hasta 6 líneas y después hace scroll.

Props

PropTipoDescripción
labelstring
descriptionstring
placeholderstring
classNamestring
labelstring
descriptionstring
placeholderstring
classNamestring
minRowsnumberFilas visibles antes de empezar a crecer.
maxRowsnumberTecho de crecimiento; a partir de aca aparece scroll interno.

Qué instala

Archivo
components/orbit/ui/input.tsx
Componentes
cx
Paquetes npm
react-aria-components@^1.5.0

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.