Switch Group

Layout wrapper for related switches.

Import

import { SwitchGroup } from '@heroui-vue/vue'

Usage

<template>
  <SwitchGroup class="gap-4">
    <Switch default-checked>Notifications</Switch>
    <Switch>Product updates</Switch>
  </SwitchGroup>
</template>

<script setup>
import { Switch, SwitchGroup } from '@heroui-vue/vue'
</script>

API

Prop	Type	Default	Description
orientation	'horizontal' | 'vertical'	undefined	Layout orientation