New to Kendo UI for Vue? Start a free 30-day trial

FormFieldSetProps

Interface

Represents the props of the Kendo UI for Vue FormFieldSet component.

Properties

cols?

number | ResponsiveFormBreakPoint[]

Defines the number of columns of the fieldset. Can be a number or an array of responsive breakpoints.

Example:

vue

<FormFieldSet :cols="2" legend="Address" />

colSpan?

number | ResponsiveFormBreakPoint[]

Defines the colspan for the fieldset related to the parent FormElement columns. Can be a number or an array of responsive breakpoints.

Example:

vue

<FormFieldSet :col-span="2" legend="Address" />

gutters?

string | number | ResponsiveFormBreakPoint[] | Gutters

Defines the gutters for the fieldset layout. Accepts a number (px), a CSS string, a Gutters object with cols/rows keys, or an array of responsive breakpoints. Defaults to { rows: '0px', cols: '16px' }.

Example:

vue

<FormFieldSet :gutters="{ rows: '8px', cols: '24px' }" legend="Address" />

legend?

string

Defines the legend text for the fieldset.

Example:

vue

<FormFieldSet legend="Personal Information" />

FormFieldSetProps

Definition

Properties

cols?

colSpan?

gutters?

legend?