메인 콘텐츠로 건너뛰기
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
  />;
};