カラースキーム - Twenty Documentation

配色カード
配色ピッカー

Header

配色カード

異なる配色を表し、ライトおよびダークテーマに特化されています。

Usage
Props

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

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

配色ピッカー

ユーザーが異なる配色を選択できます。

Usage
Props

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

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

⌘I