Ikony

Seznam ikon používaných po celé naší aplikaci.

Tabler Icons

V celé aplikaci používáme ikony Tabler pro React.

yarn add @tabler/icons-react

Každou ikonu můžete importovat jako komponentu. Zde je příklad:

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

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

Vlastnosti	Typ	Popis	Výchozí
velikost	číslo	Výška a šířka ikony v pixelech	24
barva	řetězec	Barva ikon	současnáBarva
stroke	číslo	Šířka tahu ikony v pixelech	2

Kromě ikon Tabler aplikace používá také některé vlastní ikony.

Zobrazí ikonu adresáře.

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

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