Phong cách có thể kết hợp
Chọn kiểu dáng, bề mặt, chế độ và màu nhấn.
Các lớp kiểu dáng tùy chọn của Lyra vẫn giữ được nền tảng bề mặt đặc, đồng thời cho phép kết hợp kiểu dáng như shadcn hoặc Material với các mẫu bề mặt. Thiết lập giao diện còn bao gồm phông chữ, bán kính bo góc, độ nổi, màu biểu đồ, độ tương phản và tùy chọn chuyển động.
Ví dụ
Nhập giao diện cơ sở và một kiểu dáng tùy chọn, rồi chọn kiểu đó cho phạm vi mong muốn.
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' });