Prompt 提示卡片

用于空态或欢迎区的提示词入口。

点击结果：无

<script setup lang="ts">
import { ref } from 'vue'
import { DanPrompt } from '@dandan-ui/ui'

const tip = ref('')
</script>

<template>
  <div style="display: grid; gap: 12px; max-width: 420px">
    <DanPrompt
      title="帮我写个表单"
      description="包含姓名、邮箱和提交校验"
      @click="tip = '帮我写个表单'"
    />
    <DanPrompt
      title="解释 Chat 消息模型"
      description="role / content / status 怎么用"
      @click="tip = '解释 Chat 消息模型'"
    />
    <div style="font-size: 13px; color: var(--dan-color-text-secondary)">
      点击结果：{{ tip || '无' }}
    </div>
  </div>
</template>

API

Props

属性	说明	类型	默认值	必填
title	标题文案	string	—	否
description	描述文案	string	—	否

Events

事件名	说明	回调参数
click	点击卡片	() => void

Slots

插槽名	说明
title	自定义标题；优先于 title prop
description	自定义描述；优先于 description prop