Contenido
Editores de texto rico, markdown, código, JSON, emoji, color, rating y tags.
Todos los campos comparten el contrato base (control, name, label, description, placeholder, disabled, required, tooltip, className). Aquí se listan solo las props adicionales de cada campo.
FormRichTextField
Editor rico propio (contentEditable + toolbar): negrita, listas, enlaces — sin dependencias.
| Prop | Tipo | Requerida |
|---|---|---|
minHeight | number | — |
maxHeight | number | — |
showToolbar | boolean | — |
FormMarkdownField
Markdown con toolbar y pestaña de previsualización.
| Prop | Tipo | Requerida |
|---|---|---|
minHeight | number | — |
maxHeight | number | — |
showPreview | boolean | — |
showToolbar | boolean | — |
FormCodeField
Código con numeración de líneas y tabulación.
| Prop | Tipo | Requerida |
|---|---|---|
language | CodeLanguage | — |
onLanguageChange | ((language: CodeLanguage) => void) | — |
showLanguageSelector | boolean | — |
showLineNumbers | boolean | — |
showCopyButton | boolean | — |
minHeight | number | — |
maxHeight | number | — |
readOnly | boolean | — |
FormJsonField
JSON validado en vivo con formateo y errores de parseo visibles.
| Prop | Tipo | Requerida |
|---|---|---|
minHeight | number | — |
maxHeight | number | — |
showToolbar | boolean | — |
showValidation | boolean | — |
allowFormat | boolean | — |
allowMinify | boolean | — |
FormEmojiField
Selector de emoji con categorías y búsqueda (dataset propio).
FormColorField
Color con paleta, entrada hex y previsualización.
| Prop | Tipo | Requerida |
|---|---|---|
presetColors | string[] | — |
showInput | boolean | — |
format | 'hex' | 'rgb' | — |
triggerClassName | string | — |
FormRatingField
Calificación por estrellas (o icono propio) con medios puntos opcionales.
| Prop | Tipo | Requerida |
|---|---|---|
max | number | — |
icon | 'star' | 'heart' | 'thumbsUp' | LucideIcon | — |
size | 'sm' | 'md' | 'lg' | — |
allowHalf | boolean | — |
allowClear | boolean | — |
showValue | boolean | — |
labels | string[] | — |
activeColor | string | — |
inactiveColor | string | — |
FormTagField
Etiquetas libres con sugerencias, máximo y validación por tag.
| Prop | Tipo | Requerida |
|---|---|---|
suggestions | TagOption[] | — |
maxTags | number | — |
allowCustom | boolean | — |
validateTag | ((tag: string) => boolean) | — |
transformTag | ((tag: string) => string) | — |
tagClassName | string | — |