# 小小东 UI Kit

> 小小东提示词与 Chrome 插件共用的设计系统。黑白灰、默认直角、强调靠墨色；原生 HTML（@xxd/css）与 React（@xxd/react）两种实现。

## 页面
- [首页](/md/index.md)
- [三种用法](/md/start.md)
- [设计原则](/md/principles.md)
- [颜色](/md/foundations/colors.md)
- [圆角](/md/foundations/radius.md)
- [字体与层级](/md/foundations/type.md)
- [间距与尺寸](/md/foundations/spacing.md)
- [动效](/md/foundations/motion.md)
- [质感（平面 / 立体）](/md/foundations/finish.md)
- [图标](/md/foundations/icons.md)
- [文字层级](/md/components/text.md) — Text
- [交互工具](/md/components/interaction.md) — Interaction
- [按钮](/md/components/button.md) — Button
- [文字链接按钮](/md/components/link.md) — Link
- [按钮组](/md/components/button-group.md) — ButtonGroup
- [字段](/md/components/field.md) — Field
- [选择](/md/components/select.md) — Select
- [自绘选择](/md/components/picker.md) — Picker
- [搜索框](/md/components/search.md) — Search
- [输入组](/md/components/input-group.md) — InputGroup
- [密钥输入](/md/components/secret-input.md) — SecretInput
- [可复制的值](/md/components/clipboard-text.md) — ClipboardText
- [正文里可复制的字](/md/components/inline-copy.md) — InlineCopy
- [开关](/md/components/switch.md) — Switch
- [复选](/md/components/checkbox.md) — Checkbox
- [单选](/md/components/radio.md) — Radio
- [滑块](/md/components/range.md) — Range
- [标签输入](/md/components/tag-input.md) — TagInput
- [可输入的下拉](/md/components/combobox.md) — Combobox
- [标签页](/md/components/tabs.md) — Tabs
- [分段控件](/md/components/segmented.md) — Segmented
- [面包屑](/md/components/breadcrumbs.md) — Breadcrumbs
- [分页](/md/components/pagination.md) — Pagination
- [侧栏导航](/md/components/rail.md) — Rail
- [侧栏](/md/components/sidebar.md) — Sidebar
- [顶栏](/md/components/topbar.md) — Topbar
- [工具条](/md/components/toolbar.md) — Toolbar
- [页面头](/md/components/page-header.md) — PageHeader
- [设置组](/md/components/settings-group.md) — SettingsGroup
- [外观设置组](/md/components/appearance.md) — Appearance
- [列表](/md/components/list.md) — List
- [符号格](/md/components/glyphs.md) — Glyphs
- [对话框](/md/components/dialog.md) — Dialog
- [底部任务栏](/md/components/dock.md) — Dock
- [从底部升起的面板](/md/components/sheet.md) — Sheet
- [右侧详情面板](/md/components/panel.md) — Panel
- [菜单](/md/components/menu.md) — Menu
- [说明浮层](/md/components/popover.md) — Popover
- [提示](/md/components/tooltip.md) — Tooltip
- [轻提示](/md/components/toast.md) — Toast
- [命令面板](/md/components/command-palette.md) — CommandPalette
- [徽标](/md/components/badge.md) — Badge
- [可选标签](/md/components/chip.md) — Chip
- [状态点](/md/components/dot.md) — Dot
- [横幅](/md/components/banner.md) — Banner
- [空状态](/md/components/empty.md) — Empty
- [进度](/md/components/progress.md) — Progress
- [表格](/md/components/table.md) — Table
- [折叠](/md/components/collapsible.md) — Collapsible
- [代码](/md/components/code.md) — Code
- [头像](/md/components/avatar.md) — Avatar
- [卡片](/md/components/card.md) — Card
- [分层卡片](/md/components/layer-card.md) — LayerCard
- [布局预设](/md/components/layout.md) — Layout
- [文章目录](/md/components/table-of-contents.md) — TableOfContents
- [小小东标志](/md/components/logo.md) — Logo
- [阅读排版](/md/components/prose.md) — Prose
- [统计卡](/md/components/stat.md) — Stat
- [图表](/md/components/chart.md) — Chart
- [拖放区与拖入遮罩](/md/patterns/drop-zone.md)
- [图片查看器](/md/patterns/viewer.md)
- [拖拽排序](/md/patterns/sortable.md)
- [按天分组的记录](/md/patterns/history.md)
- [两次确认](/md/patterns/confirm-twice.md)
- [登录](/md/patterns/sign-in.md)
- [会员计划与购买](/md/patterns/membership.md)
- [状态行](/md/patterns/status-line.md)
- [写入进度胶囊](/md/patterns/progress-pill.md)
- [庆祝](/md/patterns/celebrate.md)
- [设置搜索](/md/patterns/settings-search.md)
- [账号卡](/md/patterns/account-card.md)
- [字的滚动替换](/md/patterns/roll-text.md)
- [插件侧边栏](/md/templates/extension-sidepanel.md)
- [插件登录页](/md/templates/extension-sign-in.md)
- [设置页](/md/templates/settings.md)
- [会员站详情面板](/md/templates/detail-panel.md)
- [文章阅读页](/md/templates/article.md)
- [资源列表页](/md/templates/resource-list.md)
- [删除确认](/md/templates/delete-confirm.md)
- [命令行与同步](/md/tools.md)
- [更新日志](/md/changelog.md)

## 组件（原生类名）
- Text（文字层级）：xxd-text xxd-text-pair
- Interaction（交互工具）：xxd-reveal xxd-concentric xxd-icon-line xxd-num
- Button（按钮）：xxd-btn xxd-label-text
- Link（文字链接按钮）：xxd-link
- ButtonGroup（按钮组）：xxd-btn-group
- Field（字段）：xxd-field xxd-label xxd-help xxd-error
- Select（选择）：xxd-select
- Picker（自绘选择）：xxd-picker xxd-picker__trigger xxd-picker__value xxd-option-group
- Search（搜索框）：xxd-input-wrap xxd-input-clear
- InputGroup（输入组）：xxd-input-group xxd-input-group__addon xxd-input-group__suffix
- SecretInput（密钥输入）：xxd-secret
- ClipboardText（可复制的值）：xxd-clipboard
- InlineCopy（正文里可复制的字）：xxd-inline-copy
- Switch（开关）：xxd-switch
- Checkbox（复选）：xxd-check xxd-choice
- Radio（单选）：xxd-radio xxd-choice xxd-choices
- Range（滑块）：xxd-range xxd-range-pair xxd-range-value
- TagInput（标签输入）：xxd-taginput xxd-chip
- Combobox（可输入的下拉）：xxd-listbox xxd-option xxd-option__hint
- Tabs（标签页）：xxd-tabs xxd-tabs__ink xxd-tabpanel xxd-count
- Segmented（分段控件）：xxd-segmented
- Breadcrumbs（面包屑）：xxd-breadcrumbs xxd-breadcrumbs__more
- Pagination（分页）：xxd-pagination xxd-pagination__gap xxd-pagination-bar xxd-pagination__info
- Rail（侧栏导航）：xxd-rail xxd-rail__spacer
- Sidebar（侧栏）：xxd-sidebar xxd-sidebar__head xxd-sidebar__body xxd-sidebar__foot
- Topbar（顶栏）：xxd-topbar xxd-topbar__title
- Toolbar（工具条）：xxd-toolbar xxd-toolbar__item xxd-toolbar__sep xxd-toolbar__spacer
- PageHeader（页面头）：xxd-page-header xxd-page-header__row xxd-page-header__title xxd-page-header__desc
- SettingsGroup（设置组）：xxd-settings xxd-group xxd-group__title xxd-group__body
- Appearance（外观设置组）：xxd-swatches xxd-swatch
- List（列表）：xxd-list xxd-list__item xxd-list__main xxd-list__title
- Glyphs（符号格）：xxd-glyphs
- Dialog（对话框）：xxd-dialog xxd-dialog__head xxd-dialog__title xxd-dialog__body
- Dock（底部任务栏）：xxd-dock xxd-dock__status xxd-dock__tools xxd-dock__primary
- Sheet（从底部升起的面板）：xxd-sheet-host xxd-scrim xxd-sheet xxd-sheet__head
- Panel（右侧详情面板）：xxd-panel xxd-panel__head xxd-panel__title xxd-panel__body
- Menu（菜单）：xxd-menu xxd-menu__item xxd-menu__label xxd-menu__sep
- Popover（说明浮层）：xxd-popover xxd-surface-float xxd-popover__title xxd-popover__text
- Tooltip（提示）：xxd-tooltip
- Toast（轻提示）：xxd-toast xxd-toast-region xxd-toast__action
- CommandPalette（命令面板）：xxd-palette xxd-palette__search xxd-palette__list xxd-palette__empty
- Badge（徽标）：xxd-badge
- Chip（可选标签）：xxd-chip
- Dot（状态点）：xxd-dot
- Banner（横幅）：xxd-banner xxd-banner__title xxd-banner__text xxd-banner__actions
- Empty（空状态）：xxd-empty xxd-empty__title xxd-empty__text xxd-empty__actions
- Progress（进度）：xxd-progress xxd-loadbar xxd-spinner xxd-skeleton
- Table（表格）：xxd-table xxd-table-wrap xxd-table__check xxd-th-sort
- Collapsible（折叠）：xxd-collapse
- Code（代码）：xxd-code xxd-code-inline xxd-kbd xxd-copy
- Avatar（头像）：xxd-avatar
- Card（卡片）：xxd-card xxd-card__media xxd-card__body xxd-card__title
- LayerCard（分层卡片）：xxd-layer xxd-layer__secondary xxd-layer__primary
- Layout（布局预设）：xxd-layout xxd-surface
- TableOfContents（文章目录）：xxd-toc xxd-toc__title
- Logo（小小东标志）：xxd-logo xxd-logo__mark
- Prose（阅读排版）：xxd-prose xxd-hit
- Stat（统计卡）：xxd-stats xxd-stat xxd-stat__label xxd-stat__value
- Chart（图表）：xxd-chart xxd-chart-card xxd-chart-card__head xxd-chart-card__title

注册表：/api/registry.json
English: /en/llms.txt