UI: Components

Button Group

A button group is a set of buttons that are visually grouped together. Button groups are used to group related buttons together, making it easier for users to find and interact with them.


With --rounded


With --border


With --rounded --border


With --rounded --border --outline


With --inline --rounded --border and fs-sm.
Note, that the border-width is based on font-size, but can be overwritten using --ui-button-group-bdw.


With opposite color-scheme

Button Group

With --rounded --border --outline

With right-to-left

Button Group