Toolbar

Basic toolbar

Alignment: left

<script setup>
import { ref } from 'vue'
const alignment = ref(['left'])
</script>

<template>
  <FuiToolbar>
    <FuiToolbarButton>B</FuiToolbarButton>
    <FuiToolbarDivider />
    <FuiToolbarToggleGroup v-model="alignment" type="multiple">
      <FuiToolbarToggleButton value="left">L</FuiToolbarToggleButton>
      <FuiToolbarToggleButton value="center">C</FuiToolbarToggleButton>
    </FuiToolbarToggleGroup>
  </FuiToolbar>
</template>

Props

Toolbar

Prop	Type	Default	Description
size	small | medium | large	medium	Toolbar size

ToolbarToggleGroup

Prop	Type	Default	Description
type	single | multiple	single	Toggle behavior