Button group

<k-button-group>

kirby/panel/src/components/Navigation/ButtonGroup.vue

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