
- Использование
- Свойства
Анимированная галочка
Представляет иконку галочки с дополнительной функцией анимации.- Использование
- Свойства

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}
/>
);
};
| Свойства | Тип | Описание | По умолчанию |
|---|---|---|---|
| isAnimating | булево | Управляет анимацией галочки | ложь |
| цвет | строка | Цвет галочки | |
| Продолжительность | число | Длительность анимации в секундах | 0.5 секунды |
| размер | число | Размер галочки | 28 пикселей |
Была ли эта страница полезной?