Styly, které lze kombinovat

Vyberte vzhled, povrch, režim a akcent.

Volitelné vrstvy vzhledu Lyra zachovávají pevný základ a umožňují kombinovat styly jako shadcn a Material s předvolbami povrchu. Nastavení motivu pokrývá také písmo, zaoblení, hloubku, barvy grafů, kontrast a preference pohybu.

Příklad

Importujte základní motiv a jeden volitelný styl a pak jej zvolte pro příslušnou oblast.

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

Procházet komponenty · Číst průvodce (anglicky)