---
title: 选择组件
description: 按职责选择基础组件，而不是导入一个庞大的统一组件入口。
order: 11
toc:
  - id: forms
    title: 表单与输入
  - id: overlays
    title: 浮层与菜单
  - id: content
    title: 内容与反馈
  - id: icons
    title: 图标
---

## 表单与输入 {#forms}

普通表单可使用 `Button`、`Input`、`Textarea`、`Field` 和 `Label`。选择类输入可加入 `Checkbox`、`RadioGroup`、`Switch` 或 `Slider`；更丰富的选择场景可使用 `Select`、`Combobox`、`Command` 或 `Calendar`。

## 浮层与菜单 {#overlays}

`Dialog`、`AlertDialog`、`Sheet` 和 `Drawer` 用于模态界面。`Popover`、`HoverCard` 和 `Tooltip` 用于锚定式信息展示，菜单模块则覆盖上下文菜单、下拉菜单、菜单栏和导航模式。

## 内容与反馈 {#content}

卡片、列表项、表格、图表、进度条、骨架屏、加载器、空状态、消息和 Toast 构成通用展示词汇。Accordion、Collapsible、Tabs、Carousel 和 Pagination 用于组织更大规模的内容。

## 图标 {#icons}

从 `@workspace/ui/components/icon` 导入具名图标。该模块统一了 `@icones/react` 的图标词汇，使应用和各个包使用同一图标来源。