componente · @solu30/ui-kit/input
MultiLangInput
Campo de texto con un valor por idioma, para el contenido que se publica traducido.
7 sitios de import en 2 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- TheCharterPanel
- elliot
El componente, montado
Cargando el componente del paquete instalado…
Cómo se usa
import { MultiLangInput } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| label | opcional | string | — |
| value | sí | Record<string, string> | — |
| onChange | sí | (value: Record<string, string>) => void | — |
| languages | opcional | string[] | — |
| type | opcional | "input" | "textarea" | — |
| placeholder | opcional | string | — |
| rows | opcional | number | — |
| required | opcional | boolean | — |
| className | opcional | string | — |
| disabled | opcional | boolean | — |
Ejemplo del paquete
// El valor es un objeto por idioma, no un string.
<MultiLangInput label="Descripción" type="textarea" languages={['es', 'en']}
value={{ es: 'Salón amplio', en: 'Large hall' }} onChange={setDescripcion} />Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.