按钮 Button

自研按钮组件，支持 6 种变体。

Props

属性	类型	默认值	说明
variant	'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link'	'default'	按钮变体样式
class	string	''	自定义 class

事件

事件	参数	说明
click	MouseEvent	点击触发

示例

<template>
  <Button @click="handleClick">默认按钮</Button>
  <Button variant="secondary">次要按钮</Button>
  <Button variant="destructive">危险按钮</Button>
  <Button variant="outline">描边按钮</Button>
  <Button variant="ghost">幽灵按钮</Button>
  <Button variant="link">链接按钮</Button>
</template>

<script setup>
const handleClick = (e) => console.log('clicked', e)
</script>