Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

KendoReact ButtonGroup Overview

With the ButtonGroup component, you can group related buttons together.

The KendoReact ButtonGroup is a container for two or more Button components that you can configure individually. Each button can display textual content, predefined icons, images, custom icons, or render a combination of textual and image content.

The KendoReact ButtonGroup is distributed through the kendo-react-buttons NPM package.


The following example demonstrates the ButtonGroup in action.

Example
View Source
Change Theme:

The ButtonGroup is part of the KendoReact Buttons component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the ButtonGroup and the rest of the components in the package, see the Getting Started with the KendoReact Buttons guide.

Key Features

  • Disabled ButtonGroupYou can easily render a disabled ButtonGroup and prevent end-users from interacting with it.
  • GlobalizationThe built-in globalization support allows you to create apps that are ready to be implemented worldwide.
  • AccessibilityThe ButtonGroup is accessible for screen readers and supports WAI-ARIA attributes.

In this article

Not finding the help you need?