Farbschema

Farbschema Karte

Repräsentiert verschiedene Farbschemata und ist speziell für helle und dunkle Themen abgestimmt.

Verwendung
Eigenschaften

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

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

Eigenschaften	Typ	Beschreibung	Standard
Variante	Zeichenkette	Die Variante des Farbschemas. Optionen umfassen `Dunkel`, `Hell` und `System`	hell
ausgewählt	boolesch	Wenn `true`, wird ein Häkchen angezeigt, um das ausgewählte Farbschema anzuzeigen
zusätzliche Props	`React.ComponentPropsWithoutRef<'div'>`	Standard HTML `div` Elementeigenschaften

Farbschema-Auswahl

Ermöglicht es den Benutzern, zwischen verschiedenen Farbschemata zu wählen.

Verwendung
Eigenschaften

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

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

Eigenschaften	Typ	Beschreibung
wert	`Farbschema`	Das aktuell ausgewählte Farbschema
onChange	Funktion	Die Rückruffunktion, die Sie beim Auswählen eines Farbschemas auslösen möchten

Welcome

Core Concepts

Farbschema Karte

Farbschema-Auswahl

​Farbschema Karte

​Farbschema-Auswahl

Farbschema Karte

Farbschema-Auswahl