
Color Scheme Card
Rappresenta diversi schemi di colore ed è appositamente progettato per temi chiari e scuri.- Utilizzo
- Proprietà
Color Scheme Picker
Consente agli utenti di scegliere tra diversi schemi di colore.- Utilizzo
- Proprietà

import { ColorSchemeCard } from "twenty-ui/display";
export const MyComponent = () => {
return (
<ColorSchemeCard
variant="Dark"
selected={true}
/>
);
};
| Proprietà | Tipo | Descrizione | Predefinito |
|---|---|---|---|
| variante | stringa | La variante dello schema di colore. Le opzioni includono Scuro, Chiaro e Sistema. | chiaro |
| selezionato | booleano | Se vero, visualizza un segno di spunta per indicare lo schema di colore selezionato. | |
| additional props | React.ComponentPropsWithoutRef<'div'> | Proprietà standard dell’elemento HTML div |
import { ColorSchemePicker } from "twenty-ui/display";
export const MyComponent = () => {
return <ColorSchemePicker
value="Dark"
onChange
/>;
};
| Proprietà | Tipo | Descrizione |
|---|---|---|
| valore | Schema di colori | Lo schema di colore attualmente selezionato |
| onChange | funzione | La funzione di callback si attiva quando un utente seleziona uno schema di colore. |
Questa pagina è stata utile?