Skip to main content
Header

​
Color Scheme Card

Represents different color schemes and is specially tailored for light and dark themes.
  • Usage
  • Props
import { ColorSchemeCard } from "twenty-ui/display";

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

​
Color Scheme Picker

Allows users to choose between different color schemes.
  • Usage
  • Props
import { ColorSchemePicker } from "twenty-ui/display";

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