Иконки

Список иконок, используемых в нашем приложении.

Иконки Tabler

Мы используем иконки Tabler для React во всем приложении.

yarn add @tabler/icons-react

Вы можете импортировать каждый значок как компонент. Вот пример:

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

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

Свойства	Тип	Описание	По умолчанию
размер	число	Высота и ширина иконки в пикселях	24
цвет	строка	Цвет иконок	currentColor
обводка	число	Ширина обводки иконки в пикселях	2

В дополнение к иконкам Tabler, приложение использует несколько пользовательских иконок.

Отображает значок адресной книги.

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

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

Свойства	Тип	Описание	По умолчанию
размер	число	Высота и ширина иконки в пикселях	24
обводка	число	Ширина обводки иконки в пикселях	2