Passer au contenu principal
Header

​
Color Scheme Card

Represents different color schemes and is specially tailored for light and dark themes. 
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. 
import { ColorSchemePicker } from "twenty-ui/display";

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