Actions

Button group

Themed segmented button cluster that joins adjacent buttons into a single toolbar.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjButtonGroupComponent } from '@kouji-ui/components';

Loading editor

Playground

#playground

orientation

variant

size

buttons

disabled

<kj-button-group
  kjOrientation="horizontal"
  kjVariant="outline"
  kjSize="md"
>
  <kj-button>Save</kj-button>
  <kj-button>Cancel</kj-button>
  <kj-button>Delete</kj-button>
</kj-button-group>