@progress/kendo-angular-inputs
Version:
Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, Te
35 lines (34 loc) • 1.49 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
/**
* 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.
*
* @example
* ```ts
* const breakpoints: ResponsiveFormBreakPoint[] = [
* { minWidth: 768, value: 2 },
* { maxWidth: 767, value: 1 }
* ];
* ```
*/
export interface ResponsiveFormBreakPoint {
/**
* Specifies the minimum Form width for this breakpoint in pixels.
*/
minWidth?: number;
/**
* Specifies the maximum Form width for this breakpoint in pixels.
*/
maxWidth?: 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.
*/
value: number | string;
}