Skip to page content

Button Group

You can conveniently group QBtn and QBtnDropdown using QBtnGroup. Be sure to check those component’s respective pages to see their props and methods.

Usage

WARNING

You must use same design props (flat, outline, push, …) on both the parent QBtnGroup and the children QBtn/QBtnDropdown.

Accessibility
v2.25+

QBtnGroup is purely presentational: it renders a plain div with no ARIA role, and the buttons inside manage their own semantics — each one is its own Tab stop. If the grouping is semantically meaningful (a set of related actions), pass role="group" along with an aria-label yourself; both fall through to the wrapping element.