Icone

Un elenco di icone utilizzate in tutta la nostra app.

Tabler Icons

Utilizziamo le icone Tabler per React in tutta l’app.

yarn add @tabler/icons-react

Puoi importare ogni icona come componente. Ecco un esempio:

import { IconArrowLeft } from "@tabler/icons-react";

export const MyComponent = () => {
  return <IconArrowLeft color="red" size={48} />;
};

Props	Tipo	Descrizione	Predefinito
dimensione	numero	L’altezza e la larghezza dell’icona in pixel	24
colore	stringa	Il colore delle icone	currentColor
tratto	numero	La larghezza del tratto dell’icona in pixel	2

Oltre alle icone Tabler, l’app utilizza anche alcune icone personalizzate.

Mostra un’icona della rubrica.

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

export const MyComponent = () => {
  return <IconAddressBook size={24} stroke={2} />;
};