$("#button-group").dxButtonGroup({
   items: [{
      icon: "alignleft",
      alignment: "left"
      icon: "alignright",
      alignment: "right"
   keyExpr: "alignment"
Selection Modes
ButtonGroup supports two selection modes – single and multiple. Set the selectionMode property to one of these options:
$("#button-group").dxButtonGroup({
   selectionMode: "single" | "multiple"
Appearance
ButtonGroup supports three new button styling modes:
Use the stylingMode property to select one of these:
$("#button-group").dxButtonGroup({
   stylingMode: 'text' | 'outlined' | 'contained'
Documentation
Take a look at the DevExtreme ButtonGroup documentation to learn more.
Test It Now (and provide feedback)
Test-drive the public beta now. Use the npm pre-release package:
npm install --save [email protected]
Then let us know your experience with the DevExtreme ButtonGroup.
Note: After the final v18.2 release, please remove the -unstable suffix
Join the Webinar
Sign up for the upcoming "New in v18.2 - DevExtreme HTML / JS Controls" webinar where:
you'll see all the new features/tools/components in v18.2 and
you can ask questions and interact with our devs
Register today: https://attendee.gotowebinar.com/register/1534319392881688322
Your Feedback Counts
We’d like to hear from you about your development plans and needs. Feel free to leave comments below, open Support Center tickets for detailed discussions or take part in conversations in our GitHub repository.
                    
Free DevExpress Products - Get Your Copy Today
                    
The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We'll be happy to follow-up.
                            
.NET App Security & Web API Service
                            
.NET MAUI & Xamarin Controls
                            
CodeRush for Visual Studio
                            
.NET ORM Library (XPO)
                        
DevExtreme — Year-End Roadmap v24.2 (Angular, React, Vue, jQuery & ASP.NET Core)
                            Jul 17, 2024 by 
                            Vlada Skorokhodova (DevExpress)
					About Us
				
About DevExpressNewsOur AwardsEvents, Meetups and TradeshowsUser Comments and Case StudiesMVP ProgramLogos and Artwork

					Frequently Asked Questions
				
Product LicensingPurchasing FAQSupported Versions & IDE PrerequisitesSupport PoliciesMaintenance Release FAQ
					Windows Desktop Controls
				
WinFormsWPFVCLDesktop Reporting

					Enterprise & Server Tools
				
Business Intelligence DashboardReport & Dashboard ServerOffice File API

					Mobile Controls
				
.NET MAUI (FREE)Xamarin UI Controls (FREE)
					Web Components