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

ResponsiveFormBreakPoint

Interface

Defines responsive breakpoints for form controls in relation to the width of the Form component. Each breakpoint can specify a minimum and/or maximum width, and a value that represents either the number of columns or the colspan/gutters for that breakpoint.

Definition

Package:@progress/kendo-angular-inputs

Syntax:

const breakpoints: ResponsiveFormBreakPoint[] = [
  { minWidth: 768, value: 2 },
  { maxWidth: 767, value: 1 }
];

Properties

maxWidth?

number

Specifies the maximum Form width for this breakpoint in pixels.

minWidth?

number

Specifies the minimum Form width for this breakpoint in pixels.

value

string | number

Specifies the value associated with this breakpoint. Can represent the number of columns or the colspan/gutters for the form control. For gutters configurations, numeric values are interpreted as pixels, while string values can include units like px, em, etc. For columns number and colspan, numeric values are typically used and strings are parsed to numbers.