Icônes

Une liste d’icônes utilisées dans notre application.

Icônes Tabler

Nous utilisons les icônes Tabler pour React dans toute l’application.

yarn add @tabler/icons-react

Vous pouvez importer chaque icône en tant que composant. Voici un exemple :

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

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

Propriétés	Type	Description	Par défaut
taille	nombre	La hauteur et la largeur de l’icône en pixels	24
couleur	chaîne	La couleur des icônes	couleurCourante
trait	nombre	La largeur du trait de l’icône en pixels	2

En plus des icônes Tabler, l’application utilise également certaines icônes personnalisées.

Affiche une icône de carnet d’adresses.

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

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