New to Kendo UI for VueStart a free 30-day trial

FormFieldSetProps

Updated on Apr 22, 2026

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

NameTypeDefaultDescription

cols?

number | ResponsiveFormBreakPoint[]

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

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.

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' }.

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

legend?

string

Defines the legend text for the fieldset.

vue
<FormFieldSet legend="Personal Information" />
Not finding the help you need?
Contact Support