Files
Egutierrez 5a824c2eee initial: mirror of @fn_library from fn_registry
75 components + DESIGN_SYSTEM.md + sync script.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-21 19:06:49 +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>