メインコンテンツへスキップ
ヘッダー

​
配色カード

異なる配色を表し、ライトおよびダークテーマに特化されています。 
import { ColorSchemeCard } from "twenty-ui/display";

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

​
配色ピッカー

ユーザーが異なる配色を選択できます。 
import { ColorSchemePicker } from "twenty-ui/display";

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