Zum Hauptinhalt springen
Header
Stellt eine erfolgreiche oder abgeschlossene Aktion dar.
  • Usage
  • Props
import { Checkmark } from 'twenty-ui/display';

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

​
Animiertes Häkchen

Stellt ein Häkchen-Symbol mit der zusätzlichen Funktion der Animation dar.
  • Usage
  • Props
import { AnimatedCheckmark } from 'twenty-ui/display';

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