עיצובים שאפשר לשלב

בחרו מראה, משטח, מצב וצבע הדגשה.

שכבות העיצוב האופציונליות של Lyra משאירות בסיס אטום ומאפשרות לשלב מראות כמו shadcn ו־Material עם משטחים שונים. הגדרות הנושא כוללות גם גופנים, עיגול פינות, עומק, צבעי תרשימים, ניגודיות והעדפות תנועה.

דוגמה

ייבאו את ערכת הבסיס ומראה אופציונלי אחד, ואז בחרו אותו באזור הרצוי.

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

עיון ברכיבים · קריאת המדריך (באנגלית)