Ícones

Uma lista de ícones usados em todo o nosso aplicativo.

Ícones Tabler

Usamos ícones Tabler para React em todo o aplicativo.

yarn add @tabler/icons-react

Você pode importar cada ícone como um componente. Aqui está um exemplo:

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

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

Propriedades	Tipo	Descrição	Padrão
tamanho	número	A altura e a largura do ícone em pixels	24
cor	string	A cor dos ícones	corAtual
traço	número	A largura do traço do ícone em pixels	2

Além dos ícones Tabler, o aplicativo também usa alguns ícones personalizados.

Exibe um ícone de livro de endereços.

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

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