
- Uso
- Propriedades
Marca de Seleção Animada
Representa um ícone de marca de seleção com o recurso adicional de animação.- Uso
- Propriedades

import { Checkmark } from 'twenty-ui/display';
export const MyComponent = () => {
return <Checkmark />;
};
React.ComponentPropsWithoutRef<'div'> e aceita todas as propriedades de um elemento div regular.import { AnimatedCheckmark } from 'twenty-ui/display';
export const MyComponent = () => {
return (
<AnimatedCheckmark
isAnimating={true}
color="green"
duration={0.5}
size={30}
/>
);
};
| Propriedades | Tipo | Descrição | Padrão |
|---|---|---|---|
| isAnimating | booleano | Controla se a marca de seleção está animando | falso |
| cor | string | Cor da marca de seleção | |
| duração | número | A duração da animação em segundos | 0,5 segundos |
| tamanho | número | O tamanho da marca de seleção | 28 pixels |