- 使用方法
- プロパティ
アニメーション付きチェックマーク
アニメーション機能を追加したチェックマークアイコンを示します。- 使用方法
- プロパティ
import { Checkmark } from 'twenty-ui/display';
export const MyComponent = () => {
return <Checkmark />;
};
div 要素の全てのプロパティを受け取る他、React.ComponentPropsWithoutRef<'div'>を拡張します。import { AnimatedCheckmark } from 'twenty-ui/display';
export const MyComponent = () => {
return (
<AnimatedCheckmark
isAnimating={true}
color="green"
duration={0.5}
size={30}
/>
);
};
| プロパティ | タイプ | 説明 | デフォルト |
|---|---|---|---|
| アニメーションの有無 | ブール型 | チェックマークのアニメーションを制御します | 偽 |
| カラー | string | チェックマークの色 | |
| 継続時間 | 数 | アニメーションの持続時間(秒) | 0.5秒 |
| サイズ | 数 | チェックマークのサイズ | 28ピクセル |