- **用法**
- 属性
import { Checkmark } from 'twenty-ui/display';
export const MyComponent = () => {
return <Checkmark />;
};
扩展了
React.ComponentPropsWithoutRef<'div'>，并接受常规 div 元素的所有属性。动画对勾标记
表示一个带有动画特性的对勾图标。- 用法
- 属性
import { AnimatedCheckmark } from 'twenty-ui/display';
export const MyComponent = () => {
return (
<AnimatedCheckmark
isAnimating={true}
color="green"
duration={0.5}
size={30}
/>
);
};
| 属性 | 类型 | 描述 | 默认 |
|---|---|---|---|
| 正在动画 | 布尔值 | 控制对勾标记是否在动画中 | 假 |
| 颜色 | 字符串 | 对勾标记的颜色 | |
| 持续时间 | 数字 | 动画的持续时间（以秒为单位） | 0.5 秒 |
| 大小 | 数字 | 对勾标记的大小 | 28 像素 |