
Tabler图标
我们在整个应用程序中使用了React的Tabler图标。- 安装
- 属性
- 属性
自定义图标
除了Tabler图标外,该应用程序还使用了一些自定义图标。图标通讯录
显示一个通讯录图标。- 用法
- 属性

yarn add @tabler/icons-react
import { IconArrowLeft } from "@tabler/icons-react";
export const MyComponent = () => {
return <IconArrowLeft color="red" size={48} />;
};
| 属性 | 类型 | 描述 | 默认 |
|---|---|---|---|
| 大小 | 数字 | 图标的高度和宽度(以像素为单位) | 24 |
| 颜色 | string | 图标的颜色 | currentColor |
| 描边 | 数字 | 图标的描边宽度(以像素为单位) | 2 |
import { IconAddressBook } from 'twenty-ui/display';
export const MyComponent = () => {
return <IconAddressBook size={24} stroke={2} />;
};
| 属性 | 类型 | 描述 | 默认 |
|---|---|---|---|
| 大小 | 数字 | 图标的高度和宽度(以像素为单位) | 24 |
| 描边 | 数字 | 图标的描边宽度(以像素为单位) | 2 |