Buttons
Inputs
Loading
Media
Navigation
Panels & Popups
Scroll
Tables
Other Components
All Components
Directives
Plugins
Composables
Utils
loading
Ajax-bar
A loading bar for ajax calls in progress
media
Avatar
A space for your portrait, icon or text
media
Badge
To highlight small but important info
panel
Banner
To display important messages and actions
other
Bar
A small top bar for side info and actions
navigation
Breadcrumbs
To keep track of your position inside app
button
Buttons
To access the most important actions
button
Buttons Dropdown
To access more actions at once in less space
button
Buttons Group
An alternative to classic buttons
panel
Cards
To display grouped contents
media
Carousels
To display images and other contents
other
Chat Message
To display users' conversations
input
Checkbox
To flag one or more options in a list
media
Chips
A small container for info and actions
loading
Circular Progress
To inform when content is still loading
input
Color Pickers
To select color values and codes
input
Date Picker
To access the most important actions
panel
Dialogs
To show actions and info only when needed
navigation
Drawer
The sidebar panels of your layout
other
Editor WYSIWYG
To write text and style it directly
panel
Expansion Panels
To show hidden extra info and actions
media
File Pickers
To access and choose a file from users' device
button
Floating Action Button
To display the page primary action
input
Forms
A system to submit validated inputs
input
Form Fields
Wrapper for your own custom form elements
media
Icon
To insert icons inside other components
media
Img
To set some basic image features
scroll
Infinite Scroll
To enable new content display while scrolling
loading
Inner Loading
To add content loading inside a component
input
Input Text Fields