Form

ARIA
RTL

Form component is a grouping of input controls that allow a user to submit information to a server.

You can set the size prop for Form and this size will be applied to all children's components.

You can set disabled and error props prop for Form.Item and this props will be applied to all children's.

Form

Anatomy

<Form>
  <Form.Item>...</Form.Item>
</Form>

Form example

Form example with InsetInput

Form

NameTypeRequiredDefaultDescription
sizesm | md | lgNo-Size
classNamestringNo-Tailwind classes for customization

Form.Item

NameTypeRequiredDefaultDescription
disabledbooleanNo-Set disabled/non-disabled
errorbooleanNo-Set valid/non-valid
sizesm | md | lgNo-Size
classNamestringNo-Tailwind classes for customization