İkonlar

Uygulamamız genelinde kullanılan simgelerin listesi.

Tabler Icons

Uygulama genelinde React için Tabler simgelerini kullanıyoruz.

yarn add @tabler/icons-react

Her bir ikonu bir bileşen olarak içe aktarabilirsiniz. İşte bir örnek:

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

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

Özellikler	Tür	Açıklama	Varsayılan
boyut	sayı	İkonun piksel cinsinden boyu ve genişliği	24
renk	metin	İkonların rengi	currentColor
kontur	sayı	İkonun piksel cinsinden kontur kalınlığı	2

Tabler simgelerine ek olarak, uygulama bazı özel simgeler de kullanır.

Bir adres defteri simgesini gösterir.

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

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

Özellikler	Tür	Açıklama	Varsayılan
boyut	sayı	İkonun piksel cinsinden boyu ve genişliği	24
kontur	sayı	İkonun piksel cinsinden kontur kalınlığı	2