Documentation Index
Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
Use this file to discover all available pages before exploring further.
Список иконок, используемых в нашем приложении.
Иконки 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 |