Give us your valuable feedback It will help us understand how we can serve you better
Give feedbackAccordion
An element that can expand/collapse to reveal or hide more associated contentAlert
To informing the user of important changes in a prominent way.Alert Dialog
A popup dialog that informs the user of confirmation, warning, or error messages.Anchor
Actionable text link trigger for user to navigate or use as tertiary call to actionAvatar
Graphical interface to a visual representation of a user, entity or profileBadge
The visual indicator for the values such as labeling or notificationBottom Sheet
The bottom sheet is a slides from the bottom of the screenBreadcrumb
Showing users their position in a website or app's hierarchy for easy backtracking.Box
Hold other elements, and can be styled to adjust its position, size, and layoutButton
The visual indicator for the values such as labeling or notificationCard
A container, wrap or shell for content representing a single entityCheckbox
Allow users to selected multiple optional items or selected option agreementsChips
Allow users to enter information, make selections, filter content, or trigger actionsContainer
A container component is a reusable UI element used to group and style other components or content within a web or application interface.Datepicker
Allow users to pick dateDivider
Line should be used to bring clarity and structure to a layout, section and contentDropdown
Selecting a value when expanded can shows a list optionFile Upload
Simplify file uploads with a user-friendly interface, making data transfer easy and efficientFlex
Enables flexible layouts for its child elements, allowing for dynamic and responsive designImage
A visual representation of somethingList
Element for displaying and organizing information in an ordered or unordered list formatModal
A modal component is a pop-up overlay used to display additional information, forms, or actions without navigating away from the current page.Navigation Bar
Navigation elements are displayed at the top of the screenPagination
Dividing and navigating content into manageable pages, when dealing with large data setsPin Input
Lorem ipsum dolor sit amet.Progress Bar
Component is a visual indicator that displays the progression of a task or process.Progress Circle
Used to visually represent the progress or completion status of a taskRadio Button
For users select one option from list of group optionRating
User-friendly and versatile tool for rating and feedback, enhancing user interactionsSlider
Intuitive and interactive UI element for selecting values, perfect for customization and engagementSnackbar
Inform feedback to the users result of the process or action executedSelect Field
For selecting a value when expanded can shows a list of optionsSidebar
Vertical side component that supports navigational elementsSpinner
Animated spinning icon that lets users know content is being loadedStepper
To visualize and guiding toward the completion of a specified process.Switch
Allow users to offers a control to switch the toggle items setting on or offTab Bar
To navigate between multiple panels, reducing clutter and fitting more into a smaller space.Table
For displaying large amounts of data inside the rows and columnsTextarea
Enable the user to interact with long form text which spans over multiple linesTextfield
Enable the user to interact with spesific input content, value or dataTime Picker
To help and allows users to select a specific time format from fieldTooltip
Shows additional context on tap, focus or hover to help give more information in the interactionTree
Hierarchical structure for organizing and simplifying complex information with interactionView State
Stores and updates data related to the current state of a view.
