来源：https://ui.docs.xihanfun.com/en/components/

# Components

Browse the components XiHan.UI provides. Each page lists the API; usage guides and live examples are on the Chinese pages.

## General

- [Button](/en/components/button)
- [ButtonGroup](/en/components/button-group)
- [Clipboard](/en/components/clipboard)
- [DownloadTrigger](/en/components/download-trigger)
- [Truncate](/en/components/truncate)
- [FloatButton](/en/components/float-button)
- [Kbd](/en/components/kbd)
- [Icon](/en/components/icon)
- [Scrollbar](/en/components/scrollbar)
- [Toggle](/en/components/toggle)
- [ToggleGroup](/en/components/toggle-group)
- [Typography](/en/components/typography)
- [Watermark](/en/components/watermark)

## Layout

- [Flex](/en/components/flex)
- [Grid](/en/components/grid)
- [Layout](/en/components/layout)
- [Masonry](/en/components/masonry)
- [ScrollArea](/en/components/scroll-area)
- [Separator](/en/components/separator)
- [Sortable](/en/components/sortable)
- [Resizable](/en/components/resizable)
- [Splitter](/en/components/splitter)

## Navigation

- [Affix](/en/components/affix)
- [Anchor](/en/components/anchor)
- [BackTop](/en/components/back-top)
- [Breadcrumb](/en/components/breadcrumb)
- [ContextMenu](/en/components/context-menu)
- [Menu](/en/components/menu)
- [Menubar](/en/components/menubar)
- [NavigationMenu](/en/components/navigation-menu)
- [PageHeader](/en/components/page-header)
- [Pagination](/en/components/pagination)
- [SideNav](/en/components/side-nav)
- [Steps](/en/components/steps)
- [Tabs](/en/components/tabs)
- [Toolbar](/en/components/toolbar)
- [Tour](/en/components/tour)

## Data entry

- [CalendarPicker](/en/components/calendar-picker)
- [CalendarRangePicker](/en/components/calendar-range-picker)
- [Cascader](/en/components/cascader)
- [Checkbox](/en/components/checkbox)
- [CheckboxGroup](/en/components/checkbox-group)
- [ColorField](/en/components/color-field)
- [ColorPicker](/en/components/color-picker)
- [ColorSlider](/en/components/color-slider)
- [ColorSwatchPicker](/en/components/color-swatch-picker)
- [Combobox](/en/components/combobox)
- [DateField](/en/components/date-field)
- [DatePicker](/en/components/date-picker)
- [DateRangePicker](/en/components/date-range-picker)
- [Editable](/en/components/editable)
- [ExpressionInput](/en/components/expression-input)
- [Field](/en/components/field)
- [FieldArray](/en/components/field-array)
- [Fieldset](/en/components/fieldset)
- [FileUpload](/en/components/file-upload)
- [FilterBuilder](/en/components/filter-builder)
- [Form](/en/components/form)
- [FormatInput](/en/components/format-input)
- [ImageCropper](/en/components/image-cropper)
- [InputGroup](/en/components/input-group)
- [Listbox](/en/components/listbox)
- [Mention](/en/components/mention)
- [NumberField](/en/components/number-field)
- [PasswordInput](/en/components/password-input)
- [PinInput](/en/components/pin-input)
- [RadioGroup](/en/components/radio-group)
- [Rating](/en/components/rating)
- [Select](/en/components/select)
- [SignaturePad](/en/components/signature-pad)
- [Slider](/en/components/slider)
- [Switch](/en/components/switch)
- [TagGroup](/en/components/tag-group)
- [TagsInput](/en/components/tags-input)
- [TextField](/en/components/text-field)
- [TimeField](/en/components/time-field)
- [TimePicker](/en/components/time-picker)
- [TimeRangePicker](/en/components/time-range-picker) (new)
- [Transfer](/en/components/transfer)
- [TreeSelect](/en/components/tree-select)

## Data display

- [Accordion](/en/components/accordion)
- [Avatar](/en/components/avatar)
- [AvatarGroup](/en/components/avatar-group)
- [BarCode](/en/components/bar-code)
- [Card](/en/components/card)
- [Carousel](/en/components/carousel)
- [Collapsible](/en/components/collapsible)
- [ColorSwatch](/en/components/color-swatch)
- [Descriptions](/en/components/descriptions)
- [EmptyState](/en/components/empty-state)
- [GridList](/en/components/grid-list) (new)
- [Highlight](/en/components/highlight)
- [Image](/en/components/image)
- [ImageViewer](/en/components/image-viewer)
- [InfiniteScroll](/en/components/infinite-scroll)
- [JsonViewer](/en/components/json-viewer)
- [List](/en/components/list)
- [Marquee](/en/components/marquee)
- [MatrixCode](/en/components/matrix-code)
- [NumberAnimation](/en/components/number-animation)
- [Statistic](/en/components/statistic)
- [Table](/en/components/table)
- [Tag](/en/components/tag)
- [Timeline](/en/components/timeline)
- [Timer](/en/components/timer)
- [Timestamp](/en/components/timestamp)
- [Tree](/en/components/tree)
- [Virtualizer](/en/components/virtualizer)

## Charts

- [CartesianChart](/en/components/cartesian-chart) (new)
- [FunnelChart](/en/components/funnel-chart) (new)
- [GraphChart](/en/components/graph-chart) (new)
- [Heatmap](/en/components/heatmap)
- [HierarchyChart](/en/components/hierarchy-chart) (new)
- [PieChart](/en/components/pie-chart) (new)
- [RadarChart](/en/components/radar-chart) (new)
- [SankeyChart](/en/components/sankey-chart) (new)
- [Sparkline](/en/components/sparkline) (new)
- [Progress](/en/components/progress)

## Feedback

- [Alert](/en/components/alert)
- [Badge](/en/components/badge)
- [LoadingBar](/en/components/loading-bar)
- [Progress](/en/components/progress)
- [Skeleton](/en/components/skeleton)
- [Spinner](/en/components/spinner)
- [Notification](/en/components/notification)

## Overlays

- [Command](/en/components/command)
- [Dialog](/en/components/dialog)
- [Drawer](/en/components/drawer)
- [FloatingPanel](/en/components/floating-panel)
- [HoverCard](/en/components/hover-card)
- [Popconfirm](/en/components/popconfirm)
- [Popover](/en/components/popover)
- [Tooltip](/en/components/tooltip)

## AI chat

- [Approval](/en/components/approval) (alpha)
- [Citation](/en/components/citation) (alpha)
- [CodeView](/en/components/code-view)
- [DiffView](/en/components/diff-view)
- [Log](/en/components/log)
- [MarkdownStream](/en/components/markdown-stream) (alpha)
- [MessageFeed](/en/components/message-feed) (alpha)
- [PromptInput](/en/components/prompt-input) (alpha)
- [QuestionFlow](/en/components/question-flow) (alpha)
- [Reasoning](/en/components/reasoning) (alpha)
- [ToolCall](/en/components/tool-call) (alpha)