Segno di spunta

Rappresenta un’azione riuscita o completata.

Utilizzo
Props

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

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

Estende React.ComponentPropsWithoutRef<'div'> e accetta tutte le proprietà di un elemento div regolare.

Segno di spunta animato

Rappresenta un’icona di segno di spunta con l’aggiunta della funzionalità di animazione.

Utilizzo
Proprietà

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

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

Proprietà	Tipo	Descrizione	Predefinito
isAnimating	booleano	Controlla se il segno di spunta è in animazione	falso
colore	stringa	Colore del segno di spunta
durata	numero	La durata dell’animazione in secondi	0,5 secondi
dimensione	numero	La dimensione del segno di spunta	28 pixel

Welcome

Core Concepts

Segno di spunta animato

​Segno di spunta animato

Segno di spunta animato