Docs
Button Group

Button Group

A collection of Button elements.

Component Source Primitive API Reference

Usage ​

vue
<script setup lang="ts">
import { ButtonGroup, ButtonGroupItem } from "wedges-vue";
</script>

<template>
  <ButtonGroup>
    <ButtonGroupItem>Button</ButtonGroupItem>
    <ButtonGroupItem>Button</ButtonGroupItem>
  </ButtonGroup>
</template>

API Reference ​

ButtonGroup ​

Alternatively, ButtonGroupRoot can be used in place of this component. ButtonGroup includes these props:

PropTypeDefault
disabled
boolean
false
orientation
'horizontal' | 'vertical'
'horizontal'
size
'sm' | 'md'
'md'

ButtonGroupItem ​

Includes all props from the Button component, with the exception of variant, shape, and size props.

Includes all props from the Button component, with the exception of variant, shape, and size props.

The type ButtonGroupItemProps is defined as follows:

PropTypeDefault
asChild
boolean
false
isIconOnly
boolean
 false

Examples ​

The following examples shows different variants of the ButtonGroup component.

The following examples shows a combination of the ButtonGroup and Tooltip components.

Edit this page on GitHub