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
You must use same design props (flat, outline, push, …) on both the parent QBtnGroup and the children QBtn/QBtnDropdown.
Set the vertical prop (v2.34+) to stack the buttons instead of placing them side by side. Every design (flat, outline, push, …) and a nested split QBtnDropdown work the same way as horizontally. Stacked buttons look best with their content aligned to one side, which is what align="left" on each QBtn does. With spread, the group fills the height of its parent, so give the parent a height.
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.