Kendo UI for Vue

Vue ButtonGroup

  • A convenient container for your Vue buttons that allows you to position them and configure them as a group or individually.
  • Part of Kendo UI for Vue library together with other best-in-class native components for building fast and beautiful apps.
  • Comes with outstanding technical support, detailed documentation and demos.
VueKendo2
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

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

    See Vue ButtonGroup Overview demo

    overview-vue-buttongroup-component
  • ButtonGroup with Icons

    Each button within the ButtonGroup can be displayed with text and icons, or with just icons. These icons can come from the built-in icons, as custom images, or from any font icon library like FontAwesome.

    icons-vue-buttongroup-component
  • Disabled ButtonGroup

    The Vue ButtonGroup can easily transition from enabled, its default state, to disabled, which provides a distinct visual and prevents interaction. All this with a single configuration option.

    See Vue ButtonGroup Disabled demo

    disabled-vue-buttongroup-component
  • Accessibility

    As a part of our commitment to accessibility, the Vue ButtonGroup is compliant with Section 508 and WAI-ARIA standards and has a WCAG 2.0 AAA rating.

    See Vue ButtonGroup Accessibility demo

    Accessibility
kendo

Get Started with Kendo UI for Vue

Kendo UI