
- Použití
- Vlastnosti
Animated Checkmark
Představuje ikonu zaškrtnutí s přidanou funkcí animace.- Použití
- Vlastnosti

import { Checkmark } from 'twenty-ui/display';
export const MyComponent = () => {
return <Checkmark />;
};
React.ComponentPropsWithoutRef<'div'> a přijímá všechny vlastnosti běžného prvku div.import { AnimatedCheckmark } from 'twenty-ui/display';
export const MyComponent = () => {
return (
<AnimatedCheckmark
isAnimating={true}
color="green"
duration={0.5}
size={30}
/>
);
};
| Vlastnosti | Typ | Popis | Výchozí |
|---|---|---|---|
| animuje | booleovská hodnota | Určuje, zda se zaškrtnutí animuje | nepravdivé |
| barva | řetězec | Barva zaškrtnutí | |
| trvání | číslo | Doba trvání animace v sekundách | 0,5 sekundy |
| velikost | číslo | Velikost zaškrtnutí | 28 pixelů |
Byla tato stránka užitečná?