Schema di colori - Twenty Documentation

Scheda schema di colori

Rappresenta diversi schemi di colore ed è appositamente progettato per temi chiari e scuri.

Utilizzo
Proprietà

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

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

Proprietà	Tipo	Descrizione	Predefinito
variante	stringa	La variante dello schema di colore. Le opzioni includono `Scuro`, `Chiaro` e `Sistema`.	chiaro
selezionato	booleano	Se `vero`, visualizza un segno di spunta per indicare lo schema di colore selezionato.
props aggiuntive	`React.ComponentPropsWithoutRef<'div'>`	Proprietà standard dell’elemento HTML `div`

Selettore schema di colori

Consente agli utenti di scegliere tra diversi schemi di colore.

Utilizzo
Proprietà

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

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

Proprietà	Tipo	Descrizione
valore	`Schema di colori`	Lo schema di colore attualmente selezionato
onChange	funzione	La funzione di callback si attiva quando un utente seleziona uno schema di colore.

​Scheda schema di colori

​Selettore schema di colori

Scheda schema di colori

Selettore schema di colori