Components
Browse components, examples and API references.
Layout
Flex
Control direction, alignment, spacing and wrapping.
Scrollbar
Browse long or wide content within a region.
Layout
Organize headers, sidebars, content and footers.
Grid
Arrange content for different screen widths.
Space
Keep consistent spacing between elements.
ScrollArea
Browse content inside a bounded scroll area.
Masonry
Arrange cards and images of varying heights.
Splitter
Resize panels in a workspace.
Data display
Table
Browse, filter and manage structured data.
Tag
Label categories or statuses.
Badge
Show counts and notifications.
Avatar
Display a user, team or object avatar.
Card
Group related content and actions in a container.
Collapse
Expand or collapse a group of sections.
Tree
Browse and select hierarchical content.
Descriptions
Present object details as labels and values.
QRCode
Present text and links as QR codes.
Timeline
Present events and progress in sequence.
VirtualList
Browse large lists smoothly.
InfiniteScroll
Load more content when reaching the end of a list.
Statistic
Display metrics and countdowns.
General
Navigation
Steps
Follow task steps and progress.
Breadcrumb
Show the page hierarchy.
Pagination
Browse data by page.
Tabs
Switch between content views.
Segmented
Switch between related options.
Menu
Organize hierarchical navigation.
BackTop
Return to the top of a page or scroll container.
Anchor
Navigate long pages and keep important actions visible.
FloatButton
Keep quick actions within reach.
CommandPalette
Search and run actions quickly.
AppBar
Organize navigation at the top and bottom of an application.
Data entry
Input
Enter a single line of text.
InputNumber
Enter quantities, prices and numbers.
Textarea
Enter multiple lines of text.
Checkbox
Select one or more options.
Radio
Choose one option from a group.
Switch
Turn a setting on or off.
Select
Choose an option from a list.
AutoComplete
Complete input with suggestions.
Cascader
Choose a hierarchical value.
Form
Organize fields and validation.
Slider
Choose a number or range by sliding.
Rate
Select or display a rating.
TreeSelect
Choose values from hierarchical data.
ColorPicker
Choose colors and opacity.
Transfer
Select and move items between two lists.
InputOTP
Enter and paste verification codes.
InputMask
Enter information in a specified format.
Upload
Choose or drop files to upload.
Mentions
Insert people or references into text.
Date and time
Feedback
Dropdown
Group actions in a menu.
Modal
View or edit inside a dialog.
Drawer
Open content from a page edge.
Confirm
Confirm important actions.
Alert
Display information that needs attention.
Message
Show brief operation feedback.
Loading
Indicate loading content.
Progress
Display task completion.
Tooltip
Add brief explanations.
Result
Present operation results and empty content.
Skeleton
Show a content placeholder while loading.
Popover
Show details or actions next to an element.
Notification
Present notifications and actions in a page corner.
Popconfirm
Confirm important actions near their triggers.
ErrorBoundary
Provide a fallback when content fails to render.
LoadingBar
Show page or task loading progress.
Tour
Introduce features in a sequence of steps.