The ResponsiveBox UI component allows you to create an application or a website with a layout adapted to different screen sizes.
import DxResponsiveBox from "devextreme-vue/responsive-box"
Selector: DxResponsiveBox
An object defining configuration properties for the UI component.
Name Description colsSpecifies the collection of columns for the grid used to position layout elements.
dataSourceBinds the UI component to data.
disabledSpecifies whether the UI component responds to user interaction.
elementAttrSpecifies the global attributes to be attached to the UI component's container element.
heightSpecifies the UI component's height.
hoverStateEnabledSpecifies whether the UI component changes its state when a user pauses on it.
itemComponentAn alias for the itemTemplate property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
itemHoldTimeoutThe time period in milliseconds before the onItemHold event is raised.
itemRenderAn alias for the itemTemplate property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
itemsAn array of items displayed by the UI component.
itemTemplateSpecifies a custom template for items.
onContentReadyA function that is executed when the UI component is rendered and each time the component is repainted.
onDisposingA function that is executed before the UI component is disposed of.
onInitializedA function used in JavaScript frameworks to save the UI component instance.
onItemClickA function that is executed when a collection item is clicked or tapped.
onItemContextMenuA function that is executed when a collection item is right-clicked or pressed.
onItemHoldA function that is executed when a collection item has been held for a specified period.
onItemRenderedA function that is executed after a collection item is rendered.
onOptionChangedA function that is executed after a UI component property is changed.
rowsSpecifies the collection of rows for the grid used to position layout elements.
rtlEnabledSwitches the UI component to a right-to-left representation.
screenByWidthSpecifies the function returning the size qualifier depending on the screen's width.
singleColumnScreenSpecifies on which screens all layout elements should be arranged in a single column. Accepts a single or several size qualifiers separated by a space.
visibleSpecifies whether the UI component is visible.
widthSpecifies the UI component's width.
This section describes members used to manipulate the UI component.
Feel free to share topic-related thoughts here.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4