使用方法

Blockquote 用于展示引用的文本，例如推荐语、评论摘录或文档中引用的外部内容，在视觉上与普通段落区分开。从独立入口导入即可，结构样式会随组件自动加载：

主题在应用入口引入一次：

import '@astryx-vue/themes/neutral.css'

组件用法：

<script setup lang="ts">
import { Blockquote } from '@astryx-vue/core/Blockquote'
</script>

<template>
  <Blockquote cite="Steve Jobs">
    设计不仅关乎外观与感受，更关乎如何运作。
  </Blockquote>
</template>

最佳实践

指引	实践
推荐	用于引用文本、推荐语或来自外部来源的高亮摘录。
推荐	引用来源已知时，提供 cite 属性。
避免	用于提示或信息说明。应使用提示条（Banner）。

示例

常见的引用与出处配置。

带出处的引用

Design is not just what it looks like and feels like. Design is how it works.

The people who are crazy enough to think they can change the world are the ones who do.

Steve Jobs

引用可以单独使用。来源已知时，通过 cite 标明作者或出处。