
Tarjeta de Esquema de Color
Representa diferentes esquemas de color y está diseñado especialmente para temas claros y oscuros.- "Uso"
- "Props"
Selector de Esquema de Color
Permite a los usuarios elegir entre diferentes esquemas de color.- "Uso"
- "Props"

import { ColorSchemeCard } from "twenty-ui/display";
export const MyComponent = () => {
return (
<ColorSchemeCard
variant="Dark"
selected={true}
/>
);
};
| ”Props” | Tipo | Descripción | Predeterminado |
|---|---|---|---|
| variante | string | La variante del esquema de color. Las opciones incluyen Oscuro, Claro y Sistema | claro |
| seleccionado | booleano | Si es verdadero, muestra una marca de verificación para indicar el esquema de color seleccionado | |
| props adicionales | React.ComponentPropsWithoutRef<'div'> | Props del elemento HTML estándar div |
import { ColorSchemePicker } from "twenty-ui/display";
export const MyComponent = () => {
return <ColorSchemePicker
value="Dark"
onChange
/>;
};
| ”Props” | Tipo | Descripción |
|---|---|---|
| valor | Esquema de colores | El esquema de color actualmente seleccionado |
| ”onChange” | función | La función de devolución de llamada que desea activar cuando un usuario selecciona un esquema de color |