Input
import { Input } from '@rivocode/ui'Quando usar
Controle de texto. Vive dentro de Field.
size: sm, md (padrão) e lg, todos lendo a altura do token de densidade.
O atributo size nativo do HTML não existe aqui de propósito, porque colidiria
com a variante.
No React Native
Traduz: o @rivocode/ui-native exporta Input - a borda acende no foco: não há focus-visible em tela de toque. A API não é a mesma do web (no nativo tudo é controlado), e a tabela de paridade diz o que muda peça a peça.
API
| Prop | Tipo |
|---|---|
defaultValue0.4.0 | stringnumberreadonly string[] |
onValueChange0.4.0Callback fired when the `value` changes. | ((value: string, eventDetails: { reason: "none"; event: Event; cancel: () => void; allowPropagation: () => void; isCanceled: boolean; isPropagationAllowed: boolean; trigger: Element | undefined; }) => void) |
render0.4.0Allows you to replace the component's HTML element with a different tag, or compose it with another component. | ComponentRenderFn<HTMLProps, FieldControlState>ReactElement<unknown, stringJSXElementConstructor<any>> |
size0.4.0 | "lg""md""sm"null |
Além destas, a peça aceita className, style, id e children, repassados ao elemento de baixo.
Esta peça ainda não tem exemplo que roda: a prosa e a tabela de props abaixo são o que existe hoje. É uma lacuna nossa, e não uma característica dela.