Перейти к основному содержанию
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
  />;
};