Icons - Twenty Documentation

Eine Liste von Symbolen, die in unserer App verwendet werden.

Tabler-Symbole

Wir verwenden Tabler-Symbole für React in der gesamten App.

yarn add @tabler/icons-react

Sie können jedes Symbol als Komponente importieren. Hier ist ein Beispiel:

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

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

Props	Typ	Beschreibung	Standard
größe	nummer	Die Höhe und Breite des Symbols in Pixeln	24
farbe	Zeichenkette	Die Farbe der Symbole	currentColor
Strich	nummer	Die Strichbreite des Symbols in Pixeln	2

Zusätzlich zu den Tabler-Symbolen verwendet die App auch einige benutzerdefinierte Symbole.

Zeigt ein Adressbuchsymbol an.

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

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