Join

Groups child elements into a visually joined unit — merging borders and border-radius. Children must have join-item class. Supports horizontal (default), vertical, and responsive layouts.

Joined buttons

Horizontal (default) — buttons share borders.

Button group

Radio buttons group

Vertical join

vertical prop stacks children top-to-bottom.

Vertical button group

Input with button

Classic search bar pattern — input joined to a submit button.

Search bar

Select + button

Responsive

responsive prop: vertical on mobile, horizontal on lg+.

Responsive join — resize window to see it stack