📄️ Avatar
Avatars can be used to represent people or objects. It supports images, icons, or letters.
📄️ Button
Buttons are interactive UI elements that trigger actions or navigate users when clicked, offering various styles like primary, secondary, outline, and icon-based options for diverse functionality.
📄️ Input
A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
📄️ Checkbox
Checkbox component for selecting single values or multiple options from a list.
📄️ Radio
Radio buttons allow users to select a single option from a set.
📄️ Select
Select component to select value from options.
📄️ InputNumber
Enter a number within certain range with the mouse or keyboard.
📄️ DatePicker
To select or input a date.
📄️ ColorPicker
Components providing the ability to select colors.
📄️ Anchor
Anchor links for navigating within a page.
📄️ Badge
Small numerical value or status descriptor for UI elements.
📄️ Breadcrumb
Breadcrumb displays the current location within a hierarchy.
📄️ Carousel
A carousel component for cycling through elements—images or slides of text—like a carousel.
📄️ Drawer
A panel that slides in from the edge of the screen.
📄️ Dropdown
A dropdown list that appears when you hover or click on an element.
📄️ Form
High performance Form component with data scope management, including data collection, verification, and styles.
📄️ Icons
TX Design UI includes a collection of SVG icons that you can use in your application.
📄️ Loading
A spinner for displaying loading state of a page or a section.
📄️ Menu
Menu provides navigation for your application.
📄️ Message
Display global messages as feedback in response to user operations.
📄️ Modal
Modal dialogs are used to display content in a layer above the app.
📄️ Notification
Display a notification message globally.
📄️ Pagination
Pagination is used to separate content into discrete pages.
📄️ Popconfirm
A simple confirmation dialog triggered by a click on an element.
📄️ Progress
Display the current progress of an operation flow.
📄️ Slider
A slider component for displaying and selecting values within a range.
📄️ Steps
Steps display the progress of a multi-step process.
📄️ Switch
Toggle the state between two options.
📄️ Table
A table displays rows of data with customizable columns.
📄️ Tabs
Tabs organize content into separate views where only one view can be visible at a time.
📄️ Tag
Tags are used to label, categorize, or organize items using keywords.
📄️ Timeline
Vertical display timeline.
📄️ Tooltip
A simple text popup tip that appears when hovering over or clicking on an element.
📄️ Upload
Upload file by selecting or dragging.