• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • 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

Kendo UI for Vue Native ButtonGroup Overview

The Kendo UI for Vue ButtonGroup is a container for two or more Button components which can be separately configured to display only textual content, or show predefined icons, images, and custom icons, and to render a combination of textual and image content.

The Kendo UI for Vue ButtonGroup component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-buttons package.

The ButtonGroup Component is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the ButtonGroup in action.

Example
View Source
Change Theme:

Functionality and Features

To learn more about the appearance, anatomy, and accessibility of the ButtonGroup, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources