配色方案 - 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