组件 API 概览
约 211 字小于 1 分钟
2026-09-01
Shirone 组件库遵循 Material 3 Expressive 规范与 Atomic Design 原则，为全站提供高可复用、高可访问性与统一动效的 UI 支撑。
模块导航
- 组件设计规范与架构契约：分层体系、Token 约定、Svelte 5 Runes、SSR 边界与 Swup 适配
- 操作与交互原子 (Actions)：Button、IconButton、FAB、Chip、Chips 等
- 输入与选择控制原子 (Inputs)：TextField、Select、SearchBar、Switch、Slider 等
- 展示与反馈原子 (Display & Feedback)：Card、Avatar、Icon、Skeleton、LoadingIndicator、ProgressIndicator 等
- 导航与浮层原子 (Navigation & Overlay)：Menu、Tabs、Dialog、Snackbar、Tooltip、BottomSheet 等
- 博客专用原子 (Blog Atoms)：PostCard、PostMeta、TagBadge、CategoryList、TocList、SearchPanel 等
- 业务实体与页面模块 (Organisms)：AnimeSection、MomentSection、FriendSection、ProjectSection、加密保护门面等
- 全局外壳与侧栏小部件 (Shell & Widgets)：TopAppBar、SideBar、MusicSidebar、UmamiStats、ContextMenu 等