The ButtonGroup is a UI component that contains a set of toggle buttons and can be used as a mode switcher.
import DxButtonGroup from "devextreme-vue/button-group"
This section describes properties that configure the ButtonGroup UI component's contents, behavior and appearance.
Name Description accessKeySpecifies the shortcut key that sets focus on the UI component.
activeStateEnabledSpecifies whether the UI component changes its visual state as a result of user interaction.
buttonComponentAn alias for the buttonTemplate property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
buttonRenderAn alias for the buttonTemplate property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
buttonTemplateSpecifies a template for all the buttons in the group.
disabledSpecifies whether the UI component responds to user interaction.
elementAttrSpecifies the global attributes to be attached to the UI component's container element.
focusStateEnabledSpecifies whether the UI component can be focused using keyboard navigation.
heightSpecifies the UI component's height.
hintSpecifies text for a hint that appears when a user pauses on the UI component.
hoverStateEnabledSpecifies whether the UI component changes its state when a user pauses on it.
itemsConfigures buttons in the group.
keyExprSpecifies which data field provides keys used to distinguish between the selected buttons.
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 button is clicked or tapped.
onOptionChangedA function that is executed after a UI component property is changed.
onSelectionChangedA function that is executed when a button is selected or selection is canceled.
rtlEnabledSwitches the UI component to a right-to-left representation.
selectedItemKeysContains keys of selected buttons and allows you to specify initial button selection state.
selectedItemsContains the data objects that correspond to the selected buttons. The data objects are taken from the items array.
selectionModeSpecifies the button selection mode.
stylingModeSpecifies how buttons in the group are styled.
tabIndexSpecifies the number of the element when the Tab key is used for navigating.
visibleSpecifies whether the UI component is visible.
widthSpecifies the UI component's width.
This section describes members used to manipulate the UI component.
This section describes events that the ButtonGroup UI component raises.
Name Description contentReadyRaised when the UI component is rendered and each time the component is repainted.
disposingRaised before the UI component is disposed of.
initializedRaised only once, after the UI component is initialized.
itemClickRaised when a button is clicked or tapped.
optionChangedRaised after a UI component property is changed.
selectionChangedRaised when a button is selected or selection is canceled.
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