Esquema de Cores

Cartão de Esquema de Cores

Representa diferentes esquemas de cores e é especialmente adaptado para temas claros e escuros.

Uso
Propriedades

import { ColorSchemeCard } from "twenty-ui/display";

export const MyComponent = () => {
  return (
      <ColorSchemeCard
      variant="Dark"
      selected={true}
      />
  );
};

Propriedades	Tipo	Descrição	Padrão
variante	string	A variante do esquema de cores. As opções incluem `Escuro`, `Claro` e `Sistema`	claro
selecionado	booleano	Se `true`, exibe uma marca de seleção para indicar o esquema de cores selecionado
propriedades adicionais	`React.ComponentPropsWithoutRef<'div'>`	Propriedades padrão do elemento HTML `div`

Seletor de Esquema de Cores

Permite que os usuários escolham entre diferentes esquemas de cores.

Uso
Propriedades

import { ColorSchemePicker } from "twenty-ui/display";

export const MyComponent = () => {
  return <ColorSchemePicker
  value="Dark"
  onChange
  />;
};

Propriedades	Tipo	Descrição
valor	`Esquema de Cores`	O esquema de cores atualmente selecionado
onChange	função	A função de retorno de chamada que você deseja acionar quando um usuário seleciona um esquema de cores

Welcome

Core Concepts

Cartão de Esquema de Cores

Seletor de Esquema de Cores

​Cartão de Esquema de Cores

​Seletor de Esquema de Cores

Cartão de Esquema de Cores

Seletor de Esquema de Cores