-
Alert about something important
Alert
Inform users about important events -
Avatar
Avatar
-
Badge
Badge
Inform the user about the status of a specific control -
Button
Allow users to take action -
Card
Group and display content. -
Carousel
Show images one after anotherChart
Display data in a chart of your choosingCheckbox
Select or deselect an optionCollapse
Show and hide contentDropdown
Make menus and component appearIndicator
Highlight an element with extra information in its cornerInput
Type a line of text, upload a file and morespinnerLoading
Animation that indicates something is loadingMenu
Display a list of linksModal
Dialog window covering the page shown when clicking a buttonPassword
Input a password and keep it secret on screenPin
Input a confirmation code received by mailRadio
Select a single option among manyRange slider
Select a value by sliding a handleRating
Express your opinionYour choiceSelect
Pick one or more values from a listSkeleton
Mockup on an element being loadedSkewed gallery
Show images together in a tight layout
TextSlide
Show text on top of an image
TextSlideshow
Show multiple slides 1 by 1Stack
Conditionally show a pageSwitch/Toggle
Activate/disable an optionTable
Lines of data in a list/table formatTabs
Show a list of screens in a tab displayTextArea
Type multiple lines of textTheme toggle
Switch between light and dark themeTimeline
List of events in chronological orderSomething just happenedToast
Show temporary messages in the corner of the screen