按钮 Button

#基础用法

button/basic.vue

<script setup lang="ts">
import { Button } from "@bysages/vue";
</script>

<template>
  <Button variant="solid" tone="ink" size="md">Submit</Button>
</template>

#属性

#Button

Button：按钮。variant 决定静止时的样式，tone 决定颜色。默认使用墨色，任何操作都可以作为 primary。

属性	类型	默认值	描述
`variant`	`String`	`"solid"`	按钮形态：`solid` 实心、`outline` 描边、`ghost` 幽灵或 `subtle` 淡色
`tone`	`String`	`"ink"`	按钮变体使用的颜色；默认 `ink`，固定语义色表示对应含义
`size`	`String`	`"md"`	按钮高度，可为 `sm`、`md` 或 `lg`
`square`	`Boolean`	`false`	是否将图标按钮外形调整为方形，并贴合控件高度
`asChild`	`Boolean`	`false`	把插槽元素渲染成按钮；样式直接作用在该元素（例如 NuxtLink）上，不再嵌套 `<button>`
`disabled`	`Boolean`	`false`	—