Häkchen

Stellt eine erfolgreiche oder abgeschlossene Aktion dar.

"Verwendung"
"Eigenschaften"

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

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

Erweitert React.ComponentPropsWithoutRef<'div'> und akzeptiert alle Eigenschaften eines regulären div-Elements.

Animiertes Häkchen

Stellt ein Häkchen-Symbol mit der zusätzlichen Funktion der Animation dar.

Verwendung
Eigenschaften

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

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

Eigenschaften	Typ	Beschreibung	Standard
isAnimating	boolesch	Steuert, ob das Häkchen animiert wird	falsch
farbe	Zeichenkette	Farbe des Häkchens
Dauer	nummer	Die Dauer der Animation in Sekunden	0,5 Sekunden
größe	nummer	Die Größe des Häkchens	28 Pixel

Welcome

Core Concepts

Animiertes Häkchen

​Animiertes Häkchen

Animiertes Häkchen