组件
AI 操作 AI Action
AI 操作按钮:提供复制、重试、点赞等图标操作。label 同时作为辅助技术名称和悬停提示。控件复用共享 Button 的 ghost 形态。
#基础用法
<script setup lang="ts">
import { AiAction } from "@bysages/vue";
</script>
<template>
<!-- The quiet row under a message: copy, retry, and the two ways a
reader can answer. -->
<div class="flex gap-2">
<AiAction label="Copy">✎</AiAction>
<AiAction label="Retry">↻</AiAction>
<AiAction label="Helpful">👍</AiAction>
<AiAction label="Not helpful">👎</AiAction>
</div>
</template>
#属性
#AiAction
AI 操作按钮:提供复制、重试、点赞等图标操作。label 同时作为辅助技术名称和悬停提示。控件复用共享 Button 的 ghost 形态。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
label | String | 按钮用途,会读给辅助技术,并作为悬停标题显示;如复制、重试、点赞 |