الانتقال إلى المحتوى الرئيسي
رأس الصفحة

بطاقة مخطط الألوان

يمثل مخططات ألوان مختلفة ومخصص بشكل خاص للمواضيع الفاتحة والداكنة.
import { ColorSchemeCard } from "twenty-ui/display";

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

منتقي مخطط الألوان

يتيح للمستخدمين اختيار بين مخططات الألوان المختلفة.
import { ColorSchemePicker } from "twenty-ui/display";

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