Marca de verificación

Representa una acción exitosa o completada.

Uso
Props

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

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

Extiende React.ComponentPropsWithoutRef<'div'> y acepta todas las propiedades de un elemento div regular.

Marca de verificación animada

Representa un ícono de marca de verificación con la característica adicional de animación.

Uso
Props

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

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

Props	Tipo	Descripción	Predeterminado
isAnimating	booleano	Controla si la marca de verificación está animando	falso
color	cadena	Color de la marca de verificación
duración	número	La duración de la animación en segundos	0.5 segundos
tamaño	número	El tamaño de la marca de verificación	28 píxeles

Welcome

Core Concepts

Marca de verificación animada

​Marca de verificación animada

Marca de verificación animada