渲染 Angela 控件

Angela 的一部分控件以自定义元素的形式对外可用。这些自定义元素被称为 Angela Elements。

您可以在任何可以渲染 HTML 的地方使用 Angela Elements，包括但不限于：
公告，帮助文档，订阅描述

上图中，帮助文档中渲染了 Angela 的按钮控件。

<angela-button appearance="filled" icon="arrow_drop_down">
  按钮内文本
</angela-button>

属性	说明
appearance	按钮的外观。可以是 `filled`, `filled-tonal`, `outlined`, `text` 中的任意一个
icon	可选 \| 按钮的 Material Symbols 图标

<angela-icon icon="arrow_drop_down" size="24"></angela-icon>

属性	说明
icon	Material Symbols 图标名称
size	可选 \| 图标的尺寸，单位 pixel，默认 24

<angela-icon-button>
  <angela-icon icon="arrow_drop_down"></angela-icon>
</angela-icon-button>

渲染一段文字，在鼠标悬浮或长按时显示更多信息。

<angela-text-with-detail detail="详情">文字</angela-text-with-detail>