
- "Verwendung"
- "Eigenschaften"
Animiertes Häkchen
Stellt ein Häkchen-Symbol mit der zusätzlichen Funktion der Animation dar.- Verwendung
- Eigenschaften

import { Checkmark } from 'twenty-ui/display';
export const MyComponent = () => {
return <Checkmark />;
};
React.ComponentPropsWithoutRef<'div'> und akzeptiert alle Eigenschaften eines regulären div-Elements.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 |
War diese Seite hilfreich?