Toggle Button Group

Layout wrapper for related toggle buttons.

Import

import { ToggleButtonGroup, ToggleButtonGroupSeparator } from '@heroui-vue/vue'

Usage

<template>
  <ToggleButtonGroup>
    <ToggleButton default-selected>Bold</ToggleButton>
    <ToggleButton>Italic</ToggleButton>
    <ToggleButton>Underline</ToggleButton>
  </ToggleButtonGroup>
</template>

<script setup>
import { ToggleButton, ToggleButtonGroup } from '@heroui-vue/vue'
</script>

API

Prop	Type	Default	Description
orientation	'horizontal' | 'vertical'	'horizontal'	Layout orientation
isDetached	boolean	false	Render separated buttons
fullWidth	boolean	false	Fill parent width