Zum Hauptinhalt springen
Header

​
Farbschema Karte

Repräsentiert verschiedene Farbschemata und ist speziell für helle und dunkle Themen abgestimmt.
  • Usage
  • Props
import { ColorSchemeCard } from "twenty-ui/display";

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

​
Farbschema-Auswahl

Ermöglicht es den Benutzern, zwischen verschiedenen Farbschemata zu wählen.
  • Usage
  • Props
import { ColorSchemePicker } from "twenty-ui/display";

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