
Карточка цветовой схемы
Представляет различные цветовые схемы и специально подходит для светлых и темных тем.- Использование
- Свойства
Выбор цветовой схемы
Позволяет пользователям выбирать между различными цветовыми схемами.- Использование
- Свойства

import { ColorSchemeCard } from "twenty-ui/display";
export const MyComponent = () => {
return (
<ColorSchemeCard
variant="Dark"
selected={true}
/>
);
};
| Свойства | Тип | Описание | По умолчанию |
|---|---|---|---|
| вариант | строка | Вариант цветовой схемы. Варианты включают Тёмный, Светлый, и Системный | светлый |
| выбран | boolean | Если true, отображает галочку, чтобы указать выбранную цветовую схему | |
| дополнительные свойства | React.ComponentPropsWithoutRef<'div'> | Стандартные свойства HTML-элемента div |
import { ColorSchemePicker } from "twenty-ui/display";
export const MyComponent = () => {
return <ColorSchemePicker
value="Dark"
onChange
/>;
};
| Свойства | Тип | Описание |
|---|---|---|
| значение | Цветовая Схема | Текущая выбранная цветовая схема |
| onChange | функция | Функция обратного вызова, которую вы хотите вызвать, когда пользователь выбирает цветовую схему |
Была ли эта страница полезной?