Skip to content

Kirby 3.6.1.1

Button group

<k-button-group>

This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.

The Button Group should always be used when two or more buttons are positioned next to each other. The Button Group takes care of consistent margins between buttons.

<k-button-group>
  <k-button icon="edit">Edit</k-button>
  <k-button icon="trash">Delete</k-button>
</k-button-group>

Props

Prop Type Default Description
buttons
array
Either pass the buttons as default slot or as an array to this prop

Slots

Slot Description
default

CSS classes

.k-button-group