# HeroUI React 文档 · HeroUI > HeroUI React v3 本地中英文文档。 - 页面: https://jiguang132.com/zh/systems/heroui/docs - 改编自: HeroUI 文档 (Apache-2.0) @ 60edd8ed751b1d2a270623fbb182bbcfa8baa9af ## 从这里开始 HeroUI v3.2.2 已通过固定版本的 npm 软件包接入 JGuang。你可以阅读快速入门、查看组件 API 文档，或打开交互式组件大厅。 - [快速入门](/systems/heroui/docs/getting-started/quick-start) - [组件文档](/systems/heroui/docs/components) - [交互式组件大厅](/systems/heroui/components) ## 全部页面 - [所有组件](https://jiguang132.com/zh/systems/heroui/docs/components.md) - [Accordion 手风琴](https://jiguang132.com/zh/systems/heroui/docs/components/accordion.md) - [Alert 警告](https://jiguang132.com/zh/systems/heroui/docs/components/alert.md) - [AlertDialog 警告对话框](https://jiguang132.com/zh/systems/heroui/docs/components/alert-dialog.md) - [Autocomplete 自动完成](https://jiguang132.com/zh/systems/heroui/docs/components/autocomplete.md) - [Avatar 头像](https://jiguang132.com/zh/systems/heroui/docs/components/avatar.md) - [Badge 徽标](https://jiguang132.com/zh/systems/heroui/docs/components/badge.md) - [Breadcrumbs 面包屑](https://jiguang132.com/zh/systems/heroui/docs/components/breadcrumbs.md) - [Button 按钮](https://jiguang132.com/zh/systems/heroui/docs/components/button.md) - [ButtonGroup 按钮组](https://jiguang132.com/zh/systems/heroui/docs/components/button-group.md) - [Calendar 日历](https://jiguang132.com/zh/systems/heroui/docs/components/calendar.md) - [日历年份选择器](https://jiguang132.com/zh/systems/heroui/docs/components/calendar-year-picker.md) - [Card 卡片](https://jiguang132.com/zh/systems/heroui/docs/components/card.md) - [Checkbox 复选框](https://jiguang132.com/zh/systems/heroui/docs/components/checkbox.md) - [CheckboxGroup 复选框组](https://jiguang132.com/zh/systems/heroui/docs/components/checkbox-group.md) - [Chip 标签](https://jiguang132.com/zh/systems/heroui/docs/components/chip.md) - [CloseButton 关闭按钮](https://jiguang132.com/zh/systems/heroui/docs/components/close-button.md) - [ColorArea 颜色区域](https://jiguang132.com/zh/systems/heroui/docs/components/color-area.md) - [ColorField 颜色输入框](https://jiguang132.com/zh/systems/heroui/docs/components/color-field.md) - [颜色输入组](https://jiguang132.com/zh/systems/heroui/docs/components/color-input-group.md) - [ColorPicker 颜色选择器](https://jiguang132.com/zh/systems/heroui/docs/components/color-picker.md) - [ColorSlider 颜色滑块](https://jiguang132.com/zh/systems/heroui/docs/components/color-slider.md) - [ColorSwatch 颜色色块](https://jiguang132.com/zh/systems/heroui/docs/components/color-swatch.md) - [ColorSwatchPicker 颜色色块选择器](https://jiguang132.com/zh/systems/heroui/docs/components/color-swatch-picker.md) - [ComboBox 组合框](https://jiguang132.com/zh/systems/heroui/docs/components/combo-box.md) - [DateField 日期字段](https://jiguang132.com/zh/systems/heroui/docs/components/date-field.md) - [日期输入组](https://jiguang132.com/zh/systems/heroui/docs/components/date-input-group.md) - [DatePicker 日期选择器](https://jiguang132.com/zh/systems/heroui/docs/components/date-picker.md) - [DateRangePicker 日期范围选择器](https://jiguang132.com/zh/systems/heroui/docs/components/date-range-picker.md) - [Description 描述](https://jiguang132.com/zh/systems/heroui/docs/components/description.md) - [Disclosure 折叠面板](https://jiguang132.com/zh/systems/heroui/docs/components/disclosure.md) - [DisclosureGroup 折叠面板组](https://jiguang132.com/zh/systems/heroui/docs/components/disclosure-group.md) - [Drawer 抽屉](https://jiguang132.com/zh/systems/heroui/docs/components/drawer.md) - [Dropdown 下拉菜单](https://jiguang132.com/zh/systems/heroui/docs/components/dropdown.md) - [空状态](https://jiguang132.com/zh/systems/heroui/docs/components/empty-state.md) - [ErrorMessage 错误信息](https://jiguang132.com/zh/systems/heroui/docs/components/error-message.md) - [FieldError 字段错误](https://jiguang132.com/zh/systems/heroui/docs/components/field-error.md) - [Fieldset 字段集](https://jiguang132.com/zh/systems/heroui/docs/components/fieldset.md) - [Form 表单](https://jiguang132.com/zh/systems/heroui/docs/components/form.md) - [标题](https://jiguang132.com/zh/systems/heroui/docs/components/header.md) - [Input 输入框](https://jiguang132.com/zh/systems/heroui/docs/components/input.md) - [InputGroup 输入框组](https://jiguang132.com/zh/systems/heroui/docs/components/input-group.md) - [InputOTP 一次性密码输入框](https://jiguang132.com/zh/systems/heroui/docs/components/input-otp.md) - [Kbd 键盘按键](https://jiguang132.com/zh/systems/heroui/docs/components/kbd.md) - [Label 标签](https://jiguang132.com/zh/systems/heroui/docs/components/label.md) - [Link 链接](https://jiguang132.com/zh/systems/heroui/docs/components/link.md) - [ListBox 列表框](https://jiguang132.com/zh/systems/heroui/docs/components/list-box.md) - [列表框项目](https://jiguang132.com/zh/systems/heroui/docs/components/list-box-item.md) - [列表框分组](https://jiguang132.com/zh/systems/heroui/docs/components/list-box-section.md) - [菜单](https://jiguang132.com/zh/systems/heroui/docs/components/menu.md) - [菜单项](https://jiguang132.com/zh/systems/heroui/docs/components/menu-item.md) - [菜单分组](https://jiguang132.com/zh/systems/heroui/docs/components/menu-section.md) - [Meter 计量条](https://jiguang132.com/zh/systems/heroui/docs/components/meter.md) - [Modal 模态框](https://jiguang132.com/zh/systems/heroui/docs/components/modal.md) - [NumberField 数字输入框](https://jiguang132.com/zh/systems/heroui/docs/components/number-field.md) - [Pagination 分页](https://jiguang132.com/zh/systems/heroui/docs/components/pagination.md) - [Popover 弹出框](https://jiguang132.com/zh/systems/heroui/docs/components/popover.md) - [ProgressBar 进度条](https://jiguang132.com/zh/systems/heroui/docs/components/progress-bar.md) - [ProgressCircle 环形进度条](https://jiguang132.com/zh/systems/heroui/docs/components/progress-circle.md) - [单选框](https://jiguang132.com/zh/systems/heroui/docs/components/radio.md) - [RadioGroup 单选框组](https://jiguang132.com/zh/systems/heroui/docs/components/radio-group.md) - [RangeCalendar 范围日历](https://jiguang132.com/zh/systems/heroui/docs/components/range-calendar.md) - [ScrollShadow 滚动阴影](https://jiguang132.com/zh/systems/heroui/docs/components/scroll-shadow.md) - [SearchField 搜索框](https://jiguang132.com/zh/systems/heroui/docs/components/search-field.md) - [Select 选择器](https://jiguang132.com/zh/systems/heroui/docs/components/select.md) - [Separator 分隔符](https://jiguang132.com/zh/systems/heroui/docs/components/separator.md) - [Skeleton 骨架屏](https://jiguang132.com/zh/systems/heroui/docs/components/skeleton.md) - [Slider 滑块](https://jiguang132.com/zh/systems/heroui/docs/components/slider.md) - [Spinner 加载指示器](https://jiguang132.com/zh/systems/heroui/docs/components/spinner.md) - [Surface 表面](https://jiguang132.com/zh/systems/heroui/docs/components/surface.md) - [Switch 开关](https://jiguang132.com/zh/systems/heroui/docs/components/switch.md) - [开关组](https://jiguang132.com/zh/systems/heroui/docs/components/switch-group.md) - [Table 表格](https://jiguang132.com/zh/systems/heroui/docs/components/table.md) - [Tabs 标签页](https://jiguang132.com/zh/systems/heroui/docs/components/tabs.md) - [标签](https://jiguang132.com/zh/systems/heroui/docs/components/tag.md) - [TagGroup 标签组](https://jiguang132.com/zh/systems/heroui/docs/components/tag-group.md) - [TextArea 多行文本框](https://jiguang132.com/zh/systems/heroui/docs/components/text-area.md) - [TextField 文本输入框](https://jiguang132.com/zh/systems/heroui/docs/components/text-field.md) - [多行输入框](https://jiguang132.com/zh/systems/heroui/docs/components/textarea.md) - [文本字段](https://jiguang132.com/zh/systems/heroui/docs/components/textfield.md) - [TimeField 时间字段](https://jiguang132.com/zh/systems/heroui/docs/components/time-field.md) - [Toast 轻提示](https://jiguang132.com/zh/systems/heroui/docs/components/toast.md) - [ToggleButton 切换按钮](https://jiguang132.com/zh/systems/heroui/docs/components/toggle-button.md) - [ToggleButtonGroup 切换按钮组](https://jiguang132.com/zh/systems/heroui/docs/components/toggle-button-group.md) - [Toolbar 工具栏](https://jiguang132.com/zh/systems/heroui/docs/components/toolbar.md) - [Tooltip 工具提示](https://jiguang132.com/zh/systems/heroui/docs/components/tooltip.md) - [Typography 排版](https://jiguang132.com/zh/systems/heroui/docs/components/typography.md) - [介绍](https://jiguang132.com/zh/systems/heroui/docs/getting-started.md) - [Agent Skills](https://jiguang132.com/zh/systems/heroui/docs/getting-started/agent-skills.md) - [AGENTS.md](https://jiguang132.com/zh/systems/heroui/docs/getting-started/agents-md.md) - [动画](https://jiguang132.com/zh/systems/heroui/docs/getting-started/animation.md) - [命令行](https://jiguang132.com/zh/systems/heroui/docs/getting-started/cli.md) - [颜色](https://jiguang132.com/zh/systems/heroui/docs/getting-started/colors.md) - [组合](https://jiguang132.com/zh/systems/heroui/docs/getting-started/composition.md) - [深色模式](https://jiguang132.com/zh/systems/heroui/docs/getting-started/dark-mode.md) - [设计原则](https://jiguang132.com/zh/systems/heroui/docs/getting-started/design-principles.md) - [框架集成](https://jiguang132.com/zh/systems/heroui/docs/getting-started/frameworks.md) - [LLMs.txt](https://jiguang132.com/zh/systems/heroui/docs/getting-started/llms-txt.md) - [MCP 服务器](https://jiguang132.com/zh/systems/heroui/docs/getting-started/mcp-server.md) - [快速入门](https://jiguang132.com/zh/systems/heroui/docs/getting-started/quick-start.md) - [样式](https://jiguang132.com/zh/systems/heroui/docs/getting-started/styling.md) - [主题](https://jiguang132.com/zh/systems/heroui/docs/getting-started/theming.md) - [迁移](https://jiguang132.com/zh/systems/heroui/docs/migration.md) - [Accordion](https://jiguang132.com/zh/systems/heroui/docs/migration/accordion.md) - [代理迁移指南 - 完整迁移](https://jiguang132.com/zh/systems/heroui/docs/migration/agent-guide-full.md) - [代理迁移指南 - 共存增量迁移](https://jiguang132.com/zh/systems/heroui/docs/migration/agent-guide-incremental.md) - [迁移（面向 AI 助手）](https://jiguang132.com/zh/systems/heroui/docs/migration/agent-index.md) - [Agent Skills](https://jiguang132.com/zh/systems/heroui/docs/migration/agent-skills.md) - [AGENTS.md](https://jiguang132.com/zh/systems/heroui/docs/migration/agents-md.md) - [Alert](https://jiguang132.com/zh/systems/heroui/docs/migration/alert.md) - [Autocomplete](https://jiguang132.com/zh/systems/heroui/docs/migration/autocomplete.md) - [Avatar](https://jiguang132.com/zh/systems/heroui/docs/migration/avatar.md) - [Badge](https://jiguang132.com/zh/systems/heroui/docs/migration/badge.md) - [Breadcrumbs](https://jiguang132.com/zh/systems/heroui/docs/migration/breadcrumbs.md) - [Button](https://jiguang132.com/zh/systems/heroui/docs/migration/button.md) - [ButtonGroup](https://jiguang132.com/zh/systems/heroui/docs/migration/button-group.md) - [Calendar](https://jiguang132.com/zh/systems/heroui/docs/migration/calendar.md) - [Card](https://jiguang132.com/zh/systems/heroui/docs/migration/card.md) - [Checkbox](https://jiguang132.com/zh/systems/heroui/docs/migration/checkbox.md) - [CheckboxGroup](https://jiguang132.com/zh/systems/heroui/docs/migration/checkbox-group.md) - [Chip](https://jiguang132.com/zh/systems/heroui/docs/migration/chip.md) - [CircularProgress](https://jiguang132.com/zh/systems/heroui/docs/migration/circular-progress.md) - [Code](https://jiguang132.com/zh/systems/heroui/docs/migration/code.md) - [DatePicker](https://jiguang132.com/zh/systems/heroui/docs/migration/date-picker.md) - [DateRangePicker](https://jiguang132.com/zh/systems/heroui/docs/migration/date-range-picker.md) - [DateInput](https://jiguang132.com/zh/systems/heroui/docs/migration/dateinput.md) - [Divider](https://jiguang132.com/zh/systems/heroui/docs/migration/divider.md) - [Drawer](https://jiguang132.com/zh/systems/heroui/docs/migration/drawer.md) - [Dropdown](https://jiguang132.com/zh/systems/heroui/docs/migration/dropdown.md) - [Form](https://jiguang132.com/zh/systems/heroui/docs/migration/form.md) - [完全迁移](https://jiguang132.com/zh/systems/heroui/docs/migration/full-migration.md) - [Hooks](https://jiguang132.com/zh/systems/heroui/docs/migration/hooks.md) - [Image](https://jiguang132.com/zh/systems/heroui/docs/migration/image.md) - [增量迁移](https://jiguang132.com/zh/systems/heroui/docs/migration/incremental-migration.md) - [Input](https://jiguang132.com/zh/systems/heroui/docs/migration/input.md) - [InputOTP](https://jiguang132.com/zh/systems/heroui/docs/migration/input-otp.md) - [Kbd](https://jiguang132.com/zh/systems/heroui/docs/migration/kbd.md) - [Link](https://jiguang132.com/zh/systems/heroui/docs/migration/link.md) - [Listbox](https://jiguang132.com/zh/systems/heroui/docs/migration/listbox.md) - [MCP服务器](https://jiguang132.com/zh/systems/heroui/docs/migration/mcp-server.md) - [Modal](https://jiguang132.com/zh/systems/heroui/docs/migration/modal.md) - [Navbar](https://jiguang132.com/zh/systems/heroui/docs/migration/navbar.md) - [NumberInput](https://jiguang132.com/zh/systems/heroui/docs/migration/numberinput.md) - [Pagination](https://jiguang132.com/zh/systems/heroui/docs/migration/pagination.md) - [Popover](https://jiguang132.com/zh/systems/heroui/docs/migration/popover.md) - [Progress](https://jiguang132.com/zh/systems/heroui/docs/migration/progress.md) - [Radio](https://jiguang132.com/zh/systems/heroui/docs/migration/radio.md) - [RadioGroup](https://jiguang132.com/zh/systems/heroui/docs/migration/radio-group.md) - [RangeCalendar](https://jiguang132.com/zh/systems/heroui/docs/migration/range-calendar.md) - [ScrollShadow](https://jiguang132.com/zh/systems/heroui/docs/migration/scroll-shadow.md) - [Select](https://jiguang132.com/zh/systems/heroui/docs/migration/select.md) - [Skeleton](https://jiguang132.com/zh/systems/heroui/docs/migration/skeleton.md) - [Slider](https://jiguang132.com/zh/systems/heroui/docs/migration/slider.md) - [Snippet](https://jiguang132.com/zh/systems/heroui/docs/migration/snippet.md) - [Spacer](https://jiguang132.com/zh/systems/heroui/docs/migration/spacer.md) - [Spinner](https://jiguang132.com/zh/systems/heroui/docs/migration/spinner.md) - [样式与主题](https://jiguang132.com/zh/systems/heroui/docs/migration/styling.md) - [Switch](https://jiguang132.com/zh/systems/heroui/docs/migration/switch.md) - [Table](https://jiguang132.com/zh/systems/heroui/docs/migration/table.md) - [Tabs](https://jiguang132.com/zh/systems/heroui/docs/migration/tabs.md) - [TimeInput](https://jiguang132.com/zh/systems/heroui/docs/migration/timeinput.md) - [Toast](https://jiguang132.com/zh/systems/heroui/docs/migration/toast.md) - [Tooltip](https://jiguang132.com/zh/systems/heroui/docs/migration/tooltip.md) - [User](https://jiguang132.com/zh/systems/heroui/docs/migration/user.md) - [所有版本](https://jiguang132.com/zh/systems/heroui/docs/releases.md) - [HeroUI v3 正式发布](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0.md) - [v3.0.0-alpha.32](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-alpha-32.md) - [v3.0.0-alpha.33](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-alpha-33.md) - [v3.0.0-alpha.34](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-alpha-34.md) - [v3.0.0-alpha.35](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-alpha-35.md) - [v3.0.0-beta.1](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-beta-1.md) - [v3.0.0-beta.2](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-beta-2.md) - [v3.0.0-beta.3](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-beta-3.md) - [v3.0.0-beta.4](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-beta-4.md) - [v3.0.0-beta.6](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-beta-6.md) - [v3.0.0-beta.7](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-beta-7.md) - [v3.0.0-beta.8](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-beta-8.md) - [v3.0.0-rc.1](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-0-rc-1.md) - [v3.0.2](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-2.md) - [v3.0.3](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-3.md) - [v3.0.4](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-4.md) - [v3.0.5](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-0-5.md) - [v3.1.0](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-1-0.md) - [v3.2.0](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-2-0.md) - [v3.2.1](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-2-1.md) - [v3.2.2](https://jiguang132.com/zh/systems/heroui/docs/releases/v3-2-2.md) --- JGuang 全部资源索引: https://jiguang132.com/llms.txt