Files
fn_registry/frontend/functions/ui/form_field.md
T
egutierrez 97a3c84625 refactor: migrate frontend from shadcn/Tailwind to Mantine v9
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind.
Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind.
Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.)
y MantineProvider como wrapper estándar del sistema de temas.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 23:46:44 +02:00

1.4 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant, source_repo, source_license, source_file
name kind lang domain version purity signature description tags uses_functions uses_types returns returns_optional error_type imports output tested tests test_file_path file_path props emits has_state framework variant source_repo source_license source_file
form_field component ts ui 1.0.0 impure FormField(props: FormFieldProps): JSX.Element Wrapper de campo de formulario con label, helper text, error y ARIA automáticos. Inyecta id y aria-describedby a hijos.
form
field
label
error
component
ui
accessibility
false
@mantine/core
Componente FormField que renderiza wrapper de campo con label, helper text, error y ARIA automáticos false
frontend/functions/ui/form_field.tsx
name type required description
label string false Texto del label
name type required description
helperText string false Texto de ayuda
name type required description
error string false Mensaje de error (reemplaza helperText)
name type required description
children ReactNode true Input o componente de formulario
false react
default
https://gitea-dgg044oo04woo4ggcsws4gk0.organic-machine.com/Bl4cksmith/Frontend_Library MIT frontend/src/components/ui/form-field.tsx

Ejemplo

<FormField label="Email" helperText="Tu email corporativo" error={errors.email}>
  <Input type="email" />
</FormField>