---
title: "组件总览"
description: "55 个无样式行为组件，按基础、表单与输入、弹出层、导航与结构、数据展示分类。搜索并进入任意组件。"
---

> Documentation Index
> Fetch the complete documentation index at: https://ui-sdk.ndjp.net/llms.txt
> Use this file to discover all available pages before exploring further.

# 组件总览

ui-sdk 的每个组件都只负责行为——键盘导航、焦点、选择、开合、ARIA 语义——一个像素的样式都不带。下面按用途分类索引全部 55 个组件，搜索中文名或英文 slug 即可跳转。

## 怎么用这份目录

- 每个组件页都给出**组合树**（根与部件如何嵌套）、**可运行用法**、**关键 API**、**状态属性与 CSS 变量**，以及键盘与无障碍行为。
- 组件按[入口](https://ui-sdk.ndjp.net/docs/concepts/parts-and-composition)导入，例如 `@ui-sdk/react/select`；没有根入口。
- 外观用 `data-slot` 与 `data-*` 状态属性写，参见[样式与动画](https://ui-sdk.ndjp.net/docs/concepts/styling-and-animation)。
- 缺某个组件时，用 `@ui-sdk/core` 的同一套行为自己组合，参见[行为与自定义组件](https://ui-sdk.ndjp.net/docs/core)。

## 分类

- **基础**：[按钮](https://ui-sdk.ndjp.net/docs/components/button)、[分隔线](https://ui-sdk.ndjp.net/docs/components/separator)。
- **表单与输入**：从[输入框](https://ui-sdk.ndjp.net/docs/components/input)、[复选框](https://ui-sdk.ndjp.net/docs/components/checkbox)、[单选框](https://ui-sdk.ndjp.net/docs/components/radio)到[选择器](https://ui-sdk.ndjp.net/docs/components/select)、[组合框](https://ui-sdk.ndjp.net/docs/components/combobox)、[日期选择器](https://ui-sdk.ndjp.net/docs/components/date-picker)等 24 个。
- **弹出层**：[对话框](https://ui-sdk.ndjp.net/docs/components/dialog)、[警告对话框](https://ui-sdk.ndjp.net/docs/components/alert-dialog)、[菜单](https://ui-sdk.ndjp.net/docs/components/menu)、[弹出框](https://ui-sdk.ndjp.net/docs/components/popover)、[轻提示](https://ui-sdk.ndjp.net/docs/components/toast)、[文字提示](https://ui-sdk.ndjp.net/docs/components/tooltip)等 11 个。
- **导航与结构**：[标签页](https://ui-sdk.ndjp.net/docs/components/tabs)、[折叠面板](https://ui-sdk.ndjp.net/docs/components/accordion)、[树形视图](https://ui-sdk.ndjp.net/docs/components/tree)、[工具栏](https://ui-sdk.ndjp.net/docs/components/toolbar)、[分页](https://ui-sdk.ndjp.net/docs/components/pagination)等 11 个。
- **数据展示**：[头像](https://ui-sdk.ndjp.net/docs/components/avatar)、[日历](https://ui-sdk.ndjp.net/docs/components/calendar)、[进度条](https://ui-sdk.ndjp.net/docs/components/progress)、[时间线](https://ui-sdk.ndjp.net/docs/components/timeline)、[瀑布流](https://ui-sdk.ndjp.net/docs/components/waterfall)等 7 个。

Source: https://ui-sdk.ndjp.net/docs/components/index.mdx