Color Scheme

Color Scheme
In this article

Color Scheme Card

Represents different color schemes and is specially tailored for light and dark themes.

Usage
Props
import { ColorSchemeCard } from "@/ui/input/color-scheme/components/ColorSchemeCard";

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

Color Scheme Picker

Allows users to choose between different color schemes.

Usage
Props
import { ColorSchemePicker } from "@/ui/input/color-scheme/components/ColorSchemePicker";

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

Noticed something to change?

As an open-source company, we welcome contributions through Github. Help us keep it up-to-date, accurate, and easy to understand by getting involved and sharing your ideas!

twenty github image
The #1 Open Source CRM
©2024 Twenty PBC