Stile, die sich kombinieren lassen

Wählen Sie Look, Oberfläche, Modus und Akzent.

Lyras optionale Stilschichten bewahren eine solide Basis und ermöglichen es, Erscheinungsbilder wie shadcn und Material mit Oberflächenvorgaben zu kombinieren. Die Theme-Einstellungen umfassen auch Schrift, Rundungen, Höhe, Diagrammfarben, Kontrast und Bewegungspräferenzen.

Beispiel

Importieren Sie das Basistheme und ein optionales Erscheinungsbild, und wählen Sie es für einen Bereich aus.

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' });

Komponenten durchsuchen · Anleitung lesen (Englisch)