• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Tools
    • Date Inputs
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • 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 / ButtonGroupInterface / 
New to Kendo UI for Vue? Start a free 30-day trial

ButtonGroupInterface

Represents the properties which can be set to a ButtonGroup.

NameTypeDefaultDescription

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.

In this article

Not finding the help you need?

Contact Support