组件
工具栏 Toolbar
Toolbar:工具栏。前缘放起始工具,后缘放结束工具;工具栏本身带 toolbar 角色,辅助技术会把它读成一组命令。容器只提供框架,内部工具仍由调用方用自己的按钮和菜单实现。
#基础用法
<script setup lang="ts">
import { Button, Toolbar } from "@bysages/vue";
</script>
<template>
<Toolbar label="Document tools" class="w-full">
<template #start>
<Button size="sm" variant="outline">Save</Button>
<Button size="sm" variant="ghost">Preview</Button>
</template>
<template #end>
<Button size="sm" variant="solid">Publish</Button>
</template>
</Toolbar>
</template>
#属性
#Toolbar
Toolbar:工具栏。前缘放起始工具,后缘放结束工具;工具栏本身带 toolbar 角色,辅助技术会把它读成一组命令。容器只提供框架,内部工具仍由调用方用自己的按钮和菜单实现。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
label | String | undefined | 同页有多个工具栏时用于区分的可访问名称 |