Estilos que se combinam

Escolha visual, superfície, modo e destaque.

As camadas de estilo opcionais da Lyra mantêm uma base sólida, enquanto aparências como shadcn e Material podem ser combinados com superfícies predefinidas. As opções de tema incluem tipografia, raio dos cantos, elevação, cores dos gráficos, contraste e preferências de movimento.

Exemplo

Importe o tema base e um visual opcional, depois aplique-o a uma área.

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 · Leia o guia (em inglês)