Introduction
Getting Started
Vue 2 End of Support
Native Components
- Animation
- Buttons
- - Overview
  - Button
  - ButtonGroup
  - Chip
  - ChipList
  - DropDownButton
  - FloatingActionButton
  - Toolbar
  - SplitButton
  - Globalization
  - API
- Chartsupdated
- Conversational UInew
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Grid
- Icons
- Indicators
- Inputs
- Labels
- Layoutupdated
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Buttons / API / ButtonGroupProps /

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

ButtonGroupProps

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

Name	Type	Default	Description
className?	`string`		Sets the `className` of the ButtonGroup component.
dir?	`string`		Sets the direction of the ButtonGroup (more information). The available options are: `rtl` `ltr` `auto`
disabled?	`boolean`		By default, the ButtonGroup is enabled (see example). To disable the whole group of buttons, set its `disabled` attribute to `true`. To disable a specific button, set its own `disabled` attribute to `true` and leave the `disabled` attribute of the ButtonGroup undefined. If you define the `disabled` attribute of the ButtonGroup, it will take precedence over the `disabled` attributes of the underlying buttons and they will be ignored.
width?	`string`		Sets the width of the ButtonGroup. If the width of the ButtonGroup is set: The buttons resize automatically to fill the full width of the group wrapper. The buttons acquire the same width.

Is this article helpful?

Thank you for your feedback!