Components
AI Action
A quiet icon button — copy, retry, thumbs. The label names it to assistive tech and as the hover title. The control itself is the shared Button in its ghost register.
#Basic usage
<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>
#Props
#AiAction
A quiet icon button — copy, retry, thumbs. The label names it to assistive tech and as the hover title. The control itself is the shared Button in its ghost register.
| Prop | Type | Default | Description |
|---|---|---|---|
label | String | What the button does, spoken to assistive tech and shown as the hover title — copy, retry, thumbs. |