Forms are the main wrapper components for form elements, with powerful customization and validation options.

Basic Form

The <i-form> component is a wrapper that provides proper handling of form validation and form grouping.


Disabled State

Setting a form as disabled will cause all of its child inputs to be disabled.

Disabled Form


You're able to use the size modifier to control the size of the components inside your <i-form>, using one of the available sizes: sm, md, and lg. The default size is set to md.

All of the components inside the <i-form> will inherit the parent form group's size.

Small Form Size
Medium Form Size
Large Form Size

Component API

Here you can find a list of the various customization options you can use for the form components as props, as well as available slots and events.

Form API