
Color Scheme Card
Farklı renk şemalarını temsil eder ve açık ve koyu temalar için özel olarak tasarlanmıştır.- Kullanım
- Özellikler
Color Scheme Picker
Kullanıcıların farklı renk şemaları arasında seçim yapmasına olanak tanır.- Kullanım
- Özellikler

import { ColorSchemeCard } from "twenty-ui/display";
export const MyComponent = () => {
return (
<ColorSchemeCard
variant="Dark"
selected={true}
/>
);
};
| Özellikler | Tür | Açıklama | Varsayılan |
|---|---|---|---|
| variant | string | The color scheme variant. Seçenekler arasında Koyu, Açık ve Sistem bulunmaktadır. | aydınlık |
| seçili | boolean | Eğer true ise, seçilen renk şemasını belirtmek için bir onay işareti görüntüler. | |
| additional props | React.ComponentPropsWithoutRef<'div'> | Standart HTML div öğe özellikleri |
import { ColorSchemePicker } from "twenty-ui/display";
export const MyComponent = () => {
return <ColorSchemePicker
value="Dark"
onChange
/>;
};
| Özellikler | Tür | Açıklama |
|---|---|---|
| değer | Renk Şeması | Şu anda seçili olan renk şeması |
| onChange | fonksiyon | The callback function you want to trigger when a user selects a color scheme |
Bu sayfa yararlı mıydı?