Estilos que se combinan

Elige apariencia, superficie, modo y acento.

Las capas de estilo opcionales de Lyra mantienen una base sólida mientras permiten combinar apariencias como shadcn y Material con superficies predefinidas. Los ajustes del tema también abarcan tipografía, radios, elevación, colores de gráficos, contraste y preferencias de movimiento.

Ejemplo

Importa el tema base y una apariencia opcional; después selecciónala para un ámbito.

import '@aceshooting/lyra-ui/theme.css';
import '@aceshooting/lyra-ui/looks/shadcn.css';
import '@aceshooting/lyra-ui/surfaces/glass.css';
import { setLyraStyle } from '@aceshooting/lyra-ui/theme.js';

setLyraStyle({ look: 'shadcn', surface: 'glass', mode: 'system',
  accent: 'emerald', density: 'comfortable' });

Explorar componentes · Leer la guía (en inglés)