Field

Field is part of the Forms set, imported from @jcsoftdev/ui/forms.

Import

import { Field } from "@jcsoftdev/ui/forms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/forms/field.

Usage

<Field
  label="Nombre del cliente"
  hint="Como aparecerá en la agenda"
>
  <Input placeholder="Ej. Marco Salazar" />
</Field>

Props

Prop	Type	Default	Description
label *	string
hint	string
error	string
id	string
children *	ReactElement<ControlProps, string | React.JSXElementConstructor<any>>
className	string

* marks a required prop.

Storybook stories

• Default
• With Error
• Hint And Error
• With Select
• With Textarea
• Controlled Form

Source

packages/ui/src/forms/field/field.tsx