체크마크 - Twenty Documentation

애니메이션 체크마크

Header

성공하거나 완료된 작업을 나타냅니다.

Usage
Props

import { Checkmark } from 'twenty-ui/display';

export const MyComponent = () => {
  return <Checkmark />;
};

애니메이션 체크마크

애니메이션 기능이 추가된 체크마크 아이콘을 나타냅니다.

Usage
Props

import { AnimatedCheckmark } from 'twenty-ui/display';

export const MyComponent = () => {
  return (
    <AnimatedCheckmark
      isAnimating={true}
      color="green"
      duration={0.5}
      size={30}
    />
  );
};

⌘I