组件
切换按钮 Toggle
Toggle:独立切换按钮。开启时使用墨色平铺填充。部件:Root、Indicator。
#基础用法
<script setup lang="ts">
import { Toggle } from "@bysages/vue";
</script>
<template>
<Toggle.Root aria-label="Toggle bold">
<Toggle.Indicator>B</Toggle.Indicator>
</Toggle.Root>
<Toggle.Root :default-pressed="true" aria-label="Toggle italic">
<Toggle.Indicator>I</Toggle.Indicator>
</Toggle.Root>
</template>
#属性
#Indicator
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Root
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
defaultPressed | boolean | toggle 的默认按压状态 | |
disabled | boolean | toggle 是否禁用 | |
pressed | boolean | toggle 的按压状态 |