Pictograme

O listă de pictograme utilizate în toată aplicația noastră.

Pictograme Tabler

Folosim pictograme Tabler pentru React în toată aplicația.

yarn add @tabler/icons-react

Poți importa fiecare pictogramă ca o componentă. Iată un exemplu:

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

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

Proprietăți	Tip	Descriere	Implicit
dimensiune	număr	Înălțimea și lățimea pictogramei în pixeli	24
culoare	șir	Culoarea pictogramelor	currentColor
trăsatura	număr	Grosimea trăsăturii pictogramei în pixeli	2

Pe lângă pictogramele Tabler, aplicația utilizează și alte pictograme personalizate.

Afișează o pictogramă de agendă.

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

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