Components

Developers

Checkmark

Checkmark
In this article

Represents a successful or completed action.

Usage
Props
import { Checkmark } from 'twenty-ui';

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

Animated Checkmark

Represents a checkmark icon with the added feature of animation.

Usage
Props
import { AnimatedCheckmark } from 'twenty-ui';

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

Noticed something to change?

As an open-source company, we welcome contributions through Github. Help us keep it up-to-date, accurate, and easy to understand by getting involved and sharing your ideas!

twenty github image
The #1 Open Source CRM
©2024 Twenty PBC