Group — Playground

px
orientation
size
State
html.html
<div kuiGroup>
  <button kuiButton type="button" shape="outline">One</button>
  <button kuiButton type="button" shape="outline">Two</button>
  <button kuiButton type="button" shape="outline">Three</button>
</div>
NameTypeDefaultDescription
orientation'horizontal' | 'vertical''horizontal'Layout direction for the grouped controls.
size'xs' | 'sm' | 'md' | 'lg''md'Size inherited by grouped controls through CSS variables. Set on the group instead of each child.
collapsedbooleanfalseCollapses adjacent control borders into a single visual group, removing the double border between children.
roundedbooleantrueKeeps the outer group corners rounded when collapsed. Set to false for square outer corners.

Inputs verified against @kikita-labs/ui v1.6.1 public typings.