Toolbar

Toolbar container for related actions.

Import

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

Usage

<template>
  <Toolbar>
    <ToggleButton default-selected>Preview</ToggleButton>
    <ToggleButton>Code</ToggleButton>
    <Separator orientation="vertical" />
    <Button variant="ghost">Copy</Button>
    <Button variant="primary">Publish</Button>
  </Toolbar>
</template>

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

API

Prop	Type	Default	Description
orientation	'horizontal' | 'vertical'	'horizontal'	Toolbar orientation
isAttached	boolean	false	Attached visual style