Inkline

Form

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.

Form

Disabled State

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

Disabled Form

Sizes

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

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!