# HeroUI React ยท HeroUI > Local bilingual documentation for HeroUI React v3. - Page: https://jiguang132.com/systems/heroui/docs - Based on: HeroUI documentation (Apache-2.0) @ 60edd8ed751b1d2a270623fbb182bbcfa8baa9af ## Start here HeroUI v3.2.2 is installed locally through versioned npm packages. Read the quick start, browse component API documentation, or open the interactive component gallery. - [Quick start](/systems/heroui/docs/getting-started/quick-start) - [Component documentation](/systems/heroui/docs/components) - [Interactive component gallery](/systems/heroui/components) ## All pages - [All Components](https://jiguang132.com/systems/heroui/docs/components.md) - [Accordion](https://jiguang132.com/systems/heroui/docs/components/accordion.md) - [Alert](https://jiguang132.com/systems/heroui/docs/components/alert.md) - [AlertDialog](https://jiguang132.com/systems/heroui/docs/components/alert-dialog.md) - [Autocomplete](https://jiguang132.com/systems/heroui/docs/components/autocomplete.md) - [Avatar](https://jiguang132.com/systems/heroui/docs/components/avatar.md) - [Badge](https://jiguang132.com/systems/heroui/docs/components/badge.md) - [Breadcrumbs](https://jiguang132.com/systems/heroui/docs/components/breadcrumbs.md) - [Button](https://jiguang132.com/systems/heroui/docs/components/button.md) - [ButtonGroup](https://jiguang132.com/systems/heroui/docs/components/button-group.md) - [Calendar](https://jiguang132.com/systems/heroui/docs/components/calendar.md) - [Calendar Year Picker](https://jiguang132.com/systems/heroui/docs/components/calendar-year-picker.md) - [Card](https://jiguang132.com/systems/heroui/docs/components/card.md) - [Checkbox](https://jiguang132.com/systems/heroui/docs/components/checkbox.md) - [CheckboxGroup](https://jiguang132.com/systems/heroui/docs/components/checkbox-group.md) - [Chip](https://jiguang132.com/systems/heroui/docs/components/chip.md) - [CloseButton](https://jiguang132.com/systems/heroui/docs/components/close-button.md) - [ColorArea](https://jiguang132.com/systems/heroui/docs/components/color-area.md) - [ColorField](https://jiguang132.com/systems/heroui/docs/components/color-field.md) - [Color Input Group](https://jiguang132.com/systems/heroui/docs/components/color-input-group.md) - [ColorPicker](https://jiguang132.com/systems/heroui/docs/components/color-picker.md) - [ColorSlider](https://jiguang132.com/systems/heroui/docs/components/color-slider.md) - [ColorSwatch](https://jiguang132.com/systems/heroui/docs/components/color-swatch.md) - [ColorSwatchPicker](https://jiguang132.com/systems/heroui/docs/components/color-swatch-picker.md) - [ComboBox](https://jiguang132.com/systems/heroui/docs/components/combo-box.md) - [DateField](https://jiguang132.com/systems/heroui/docs/components/date-field.md) - [Date Input Group](https://jiguang132.com/systems/heroui/docs/components/date-input-group.md) - [DatePicker](https://jiguang132.com/systems/heroui/docs/components/date-picker.md) - [DateRangePicker](https://jiguang132.com/systems/heroui/docs/components/date-range-picker.md) - [Description](https://jiguang132.com/systems/heroui/docs/components/description.md) - [Disclosure](https://jiguang132.com/systems/heroui/docs/components/disclosure.md) - [DisclosureGroup](https://jiguang132.com/systems/heroui/docs/components/disclosure-group.md) - [Drawer](https://jiguang132.com/systems/heroui/docs/components/drawer.md) - [Dropdown](https://jiguang132.com/systems/heroui/docs/components/dropdown.md) - [Empty State](https://jiguang132.com/systems/heroui/docs/components/empty-state.md) - [ErrorMessage](https://jiguang132.com/systems/heroui/docs/components/error-message.md) - [FieldError](https://jiguang132.com/systems/heroui/docs/components/field-error.md) - [Fieldset](https://jiguang132.com/systems/heroui/docs/components/fieldset.md) - [Form](https://jiguang132.com/systems/heroui/docs/components/form.md) - [Header](https://jiguang132.com/systems/heroui/docs/components/header.md) - [Input](https://jiguang132.com/systems/heroui/docs/components/input.md) - [InputGroup](https://jiguang132.com/systems/heroui/docs/components/input-group.md) - [InputOTP](https://jiguang132.com/systems/heroui/docs/components/input-otp.md) - [Kbd](https://jiguang132.com/systems/heroui/docs/components/kbd.md) - [Label](https://jiguang132.com/systems/heroui/docs/components/label.md) - [Link](https://jiguang132.com/systems/heroui/docs/components/link.md) - [ListBox](https://jiguang132.com/systems/heroui/docs/components/list-box.md) - [List Box Item](https://jiguang132.com/systems/heroui/docs/components/list-box-item.md) - [List Box Section](https://jiguang132.com/systems/heroui/docs/components/list-box-section.md) - [Menu](https://jiguang132.com/systems/heroui/docs/components/menu.md) - [Menu Item](https://jiguang132.com/systems/heroui/docs/components/menu-item.md) - [Menu Section](https://jiguang132.com/systems/heroui/docs/components/menu-section.md) - [Meter](https://jiguang132.com/systems/heroui/docs/components/meter.md) - [Modal](https://jiguang132.com/systems/heroui/docs/components/modal.md) - [NumberField](https://jiguang132.com/systems/heroui/docs/components/number-field.md) - [Pagination](https://jiguang132.com/systems/heroui/docs/components/pagination.md) - [Popover](https://jiguang132.com/systems/heroui/docs/components/popover.md) - [ProgressBar](https://jiguang132.com/systems/heroui/docs/components/progress-bar.md) - [ProgressCircle](https://jiguang132.com/systems/heroui/docs/components/progress-circle.md) - [Radio](https://jiguang132.com/systems/heroui/docs/components/radio.md) - [RadioGroup](https://jiguang132.com/systems/heroui/docs/components/radio-group.md) - [RangeCalendar](https://jiguang132.com/systems/heroui/docs/components/range-calendar.md) - [ScrollShadow](https://jiguang132.com/systems/heroui/docs/components/scroll-shadow.md) - [SearchField](https://jiguang132.com/systems/heroui/docs/components/search-field.md) - [Select](https://jiguang132.com/systems/heroui/docs/components/select.md) - [Separator](https://jiguang132.com/systems/heroui/docs/components/separator.md) - [Skeleton](https://jiguang132.com/systems/heroui/docs/components/skeleton.md) - [Slider](https://jiguang132.com/systems/heroui/docs/components/slider.md) - [Spinner](https://jiguang132.com/systems/heroui/docs/components/spinner.md) - [Surface](https://jiguang132.com/systems/heroui/docs/components/surface.md) - [Switch](https://jiguang132.com/systems/heroui/docs/components/switch.md) - [Switch Group](https://jiguang132.com/systems/heroui/docs/components/switch-group.md) - [Table](https://jiguang132.com/systems/heroui/docs/components/table.md) - [Tabs](https://jiguang132.com/systems/heroui/docs/components/tabs.md) - [Tag](https://jiguang132.com/systems/heroui/docs/components/tag.md) - [TagGroup](https://jiguang132.com/systems/heroui/docs/components/tag-group.md) - [TextArea](https://jiguang132.com/systems/heroui/docs/components/text-area.md) - [TextField](https://jiguang132.com/systems/heroui/docs/components/text-field.md) - [Text Area](https://jiguang132.com/systems/heroui/docs/components/textarea.md) - [Text Field](https://jiguang132.com/systems/heroui/docs/components/textfield.md) - [TimeField](https://jiguang132.com/systems/heroui/docs/components/time-field.md) - [Toast](https://jiguang132.com/systems/heroui/docs/components/toast.md) - [ToggleButton](https://jiguang132.com/systems/heroui/docs/components/toggle-button.md) - [ToggleButtonGroup](https://jiguang132.com/systems/heroui/docs/components/toggle-button-group.md) - [Toolbar](https://jiguang132.com/systems/heroui/docs/components/toolbar.md) - [Tooltip](https://jiguang132.com/systems/heroui/docs/components/tooltip.md) - [Typography](https://jiguang132.com/systems/heroui/docs/components/typography.md) - [Introduction](https://jiguang132.com/systems/heroui/docs/getting-started.md) - [Agent Skills](https://jiguang132.com/systems/heroui/docs/getting-started/agent-skills.md) - [AGENTS.md](https://jiguang132.com/systems/heroui/docs/getting-started/agents-md.md) - [Animation](https://jiguang132.com/systems/heroui/docs/getting-started/animation.md) - [CLI](https://jiguang132.com/systems/heroui/docs/getting-started/cli.md) - [Colors](https://jiguang132.com/systems/heroui/docs/getting-started/colors.md) - [Composition](https://jiguang132.com/systems/heroui/docs/getting-started/composition.md) - [Dark Mode](https://jiguang132.com/systems/heroui/docs/getting-started/dark-mode.md) - [Design Principles](https://jiguang132.com/systems/heroui/docs/getting-started/design-principles.md) - [Frameworks](https://jiguang132.com/systems/heroui/docs/getting-started/frameworks.md) - [LLMs.txt](https://jiguang132.com/systems/heroui/docs/getting-started/llms-txt.md) - [MCP Server](https://jiguang132.com/systems/heroui/docs/getting-started/mcp-server.md) - [Quick Start](https://jiguang132.com/systems/heroui/docs/getting-started/quick-start.md) - [Styling](https://jiguang132.com/systems/heroui/docs/getting-started/styling.md) - [Theming](https://jiguang132.com/systems/heroui/docs/getting-started/theming.md) - [Migration](https://jiguang132.com/systems/heroui/docs/migration.md) - [Accordion](https://jiguang132.com/systems/heroui/docs/migration/accordion.md) - [Agent Migration Guide - Full Migration](https://jiguang132.com/systems/heroui/docs/migration/agent-guide-full.md) - [Agent Migration Guide - Incremental Migration with Coexistence](https://jiguang132.com/systems/heroui/docs/migration/agent-guide-incremental.md) - [Migration (for AI assistants)](https://jiguang132.com/systems/heroui/docs/migration/agent-index.md) - [Agent Skills](https://jiguang132.com/systems/heroui/docs/migration/agent-skills.md) - [AGENTS.md](https://jiguang132.com/systems/heroui/docs/migration/agents-md.md) - [Alert](https://jiguang132.com/systems/heroui/docs/migration/alert.md) - [Autocomplete](https://jiguang132.com/systems/heroui/docs/migration/autocomplete.md) - [Avatar](https://jiguang132.com/systems/heroui/docs/migration/avatar.md) - [Badge](https://jiguang132.com/systems/heroui/docs/migration/badge.md) - [Breadcrumbs](https://jiguang132.com/systems/heroui/docs/migration/breadcrumbs.md) - [Button](https://jiguang132.com/systems/heroui/docs/migration/button.md) - [ButtonGroup](https://jiguang132.com/systems/heroui/docs/migration/button-group.md) - [Calendar](https://jiguang132.com/systems/heroui/docs/migration/calendar.md) - [Card](https://jiguang132.com/systems/heroui/docs/migration/card.md) - [Checkbox](https://jiguang132.com/systems/heroui/docs/migration/checkbox.md) - [CheckboxGroup](https://jiguang132.com/systems/heroui/docs/migration/checkbox-group.md) - [Chip](https://jiguang132.com/systems/heroui/docs/migration/chip.md) - [CircularProgress](https://jiguang132.com/systems/heroui/docs/migration/circular-progress.md) - [Code](https://jiguang132.com/systems/heroui/docs/migration/code.md) - [DatePicker](https://jiguang132.com/systems/heroui/docs/migration/date-picker.md) - [DateRangePicker](https://jiguang132.com/systems/heroui/docs/migration/date-range-picker.md) - [DateInput](https://jiguang132.com/systems/heroui/docs/migration/dateinput.md) - [Divider](https://jiguang132.com/systems/heroui/docs/migration/divider.md) - [Drawer](https://jiguang132.com/systems/heroui/docs/migration/drawer.md) - [Dropdown](https://jiguang132.com/systems/heroui/docs/migration/dropdown.md) - [Form](https://jiguang132.com/systems/heroui/docs/migration/form.md) - [Full Migration](https://jiguang132.com/systems/heroui/docs/migration/full-migration.md) - [Hooks](https://jiguang132.com/systems/heroui/docs/migration/hooks.md) - [Image](https://jiguang132.com/systems/heroui/docs/migration/image.md) - [Incremental Migration](https://jiguang132.com/systems/heroui/docs/migration/incremental-migration.md) - [Input](https://jiguang132.com/systems/heroui/docs/migration/input.md) - [InputOTP](https://jiguang132.com/systems/heroui/docs/migration/input-otp.md) - [Kbd](https://jiguang132.com/systems/heroui/docs/migration/kbd.md) - [Link](https://jiguang132.com/systems/heroui/docs/migration/link.md) - [Listbox](https://jiguang132.com/systems/heroui/docs/migration/listbox.md) - [MCP Server](https://jiguang132.com/systems/heroui/docs/migration/mcp-server.md) - [Modal](https://jiguang132.com/systems/heroui/docs/migration/modal.md) - [Navbar](https://jiguang132.com/systems/heroui/docs/migration/navbar.md) - [NumberInput](https://jiguang132.com/systems/heroui/docs/migration/numberinput.md) - [Pagination](https://jiguang132.com/systems/heroui/docs/migration/pagination.md) - [Popover](https://jiguang132.com/systems/heroui/docs/migration/popover.md) - [Progress](https://jiguang132.com/systems/heroui/docs/migration/progress.md) - [Radio](https://jiguang132.com/systems/heroui/docs/migration/radio.md) - [RadioGroup](https://jiguang132.com/systems/heroui/docs/migration/radio-group.md) - [RangeCalendar](https://jiguang132.com/systems/heroui/docs/migration/range-calendar.md) - [ScrollShadow](https://jiguang132.com/systems/heroui/docs/migration/scroll-shadow.md) - [Select](https://jiguang132.com/systems/heroui/docs/migration/select.md) - [Skeleton](https://jiguang132.com/systems/heroui/docs/migration/skeleton.md) - [Slider](https://jiguang132.com/systems/heroui/docs/migration/slider.md) - [Snippet](https://jiguang132.com/systems/heroui/docs/migration/snippet.md) - [Spacer](https://jiguang132.com/systems/heroui/docs/migration/spacer.md) - [Spinner](https://jiguang132.com/systems/heroui/docs/migration/spinner.md) - [Styling & Theming](https://jiguang132.com/systems/heroui/docs/migration/styling.md) - [Switch](https://jiguang132.com/systems/heroui/docs/migration/switch.md) - [Table](https://jiguang132.com/systems/heroui/docs/migration/table.md) - [Tabs](https://jiguang132.com/systems/heroui/docs/migration/tabs.md) - [TimeInput](https://jiguang132.com/systems/heroui/docs/migration/timeinput.md) - [Toast](https://jiguang132.com/systems/heroui/docs/migration/toast.md) - [Tooltip](https://jiguang132.com/systems/heroui/docs/migration/tooltip.md) - [User](https://jiguang132.com/systems/heroui/docs/migration/user.md) - [All Releases](https://jiguang132.com/systems/heroui/docs/releases.md) - [Introducing HeroUI v3](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0.md) - [v3.0.0-alpha.32](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-alpha-32.md) - [v3.0.0-alpha.33](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-alpha-33.md) - [v3.0.0-alpha.34](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-alpha-34.md) - [v3.0.0-alpha.35](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-alpha-35.md) - [v3.0.0-beta.1](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-beta-1.md) - [v3.0.0-beta.2](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-beta-2.md) - [v3.0.0-beta.3](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-beta-3.md) - [v3.0.0-beta.4](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-beta-4.md) - [v3.0.0-beta.6](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-beta-6.md) - [v3.0.0-beta.7](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-beta-7.md) - [v3.0.0-beta.8](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-beta-8.md) - [v3.0.0-rc.1](https://jiguang132.com/systems/heroui/docs/releases/v3-0-0-rc-1.md) - [v3.0.2](https://jiguang132.com/systems/heroui/docs/releases/v3-0-2.md) - [v3.0.3](https://jiguang132.com/systems/heroui/docs/releases/v3-0-3.md) - [v3.0.4](https://jiguang132.com/systems/heroui/docs/releases/v3-0-4.md) - [v3.0.5](https://jiguang132.com/systems/heroui/docs/releases/v3-0-5.md) - [v3.1.0](https://jiguang132.com/systems/heroui/docs/releases/v3-1-0.md) - [v3.2.0](https://jiguang132.com/systems/heroui/docs/releases/v3-2-0.md) - [v3.2.1](https://jiguang132.com/systems/heroui/docs/releases/v3-2-1.md) - [v3.2.2](https://jiguang132.com/systems/heroui/docs/releases/v3-2-2.md) --- Index of all JGuang resources: https://jiguang132.com/llms.txt