图标
使用 @remixicon/react 组件引用,配合语义图标色。
JoyUI 文档站使用 @remixicon/react(3000+ 图标)。
规则
- 传组件引用,不要渲染元素:
leadingIcon={RiAddLine} - 颜色用语义 token:
text-foreground-icon-primary…text-foreground-icon-quaternary - RTL 下导航箭头用
directional-icon工具镜像
示例
import { RiAddLine, RiArrowRightLine } from "@remixicon/react";
import { Button } from "@/components/base/buttons/button";
<Button leadingIcon={RiAddLine} trailingIcon={RiArrowRightLine}>
New project
</Button>