• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

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?