Materio
English
French
Arabic
German
Light
Dark
System
Shortcuts
Calendar
Appointments
Invoice App
Manage Accounts
User App
Manage Users
Role Management
Permission
Dashboard
Analytics
Setting
Account Settings
FAQs
FAQs & Articles
Modals
Useful Popups
Notification
8 New
Congratulation Lettie 🎉
Won the monthly best seller gold badge
1h ago
CF
Charles Franklin
Accepted your connection
12hr ago
New Message ✉️
You have new message from Natalie
1h ago
Whoo! You have new order 🛒
ACME Inc. made new order $1,154
1 day ago
Application has been approved 🚀
Your ABC project application has been approved.
2 days ago
Monthly report is generated
July monthly financial report is generated
3 days ago
Send connection request
Peter sent you connection request
4 days ago
New message from Jane
Your have new message from Jane
5 days ago
CPU is running high
CPU Utilization Percent is currently at 88.63%,
5 days ago
View all notifications
John Doe
Admin
My Profile
Settings
Billing
4
Pricing
FAQ
Logout
Float label (Outline)
Name
We'll never share your details with anyone else.
Float label (Filled)
Name
We'll never share your details with anyone else.
Default
Name
We'll never share your details with anyone else.
Form Controls
Email address
Open this select menu
One
Two
Three
Example select
Datalist example
Open this select menu
One
Two
Three
Example multiple select
Example textarea
Read only without value
Read only with value
Input Sizing
Input text
Large input
Default input
Small input
Input select
Large select
Large select
One
Two
Three
Default select
Default select
One
Two
Three
Small select
Small select
One
Two
Three
Input Shape
Rounded input
Checkboxes and Radios
Checkboxes
Unchecked
Indeterminate
Checked
Disabled Unchecked
Disabled Checked
Radio
Unchecked
Checked
Disabled unchecked
Disabled checkbox
Inline Checkboxes
1
2
3 (disabled)
Inline Radio
1
2
3 (disabled)
Checkboxes Colors
Primary
Secondary
Success
Danger
Warning
Info
Dark
Radio Color
Primary
Secondary
Success
Danger
Warning
Info
Dark
Switches
Default switch checkbox input
Checked switch checkbox input
Disabled switch checkbox input
Disabled checked switch checkbox input
Range
Example range
Disabled range
Min and max
Steps
HTML5 Inputs
Text
Search
Email
URL
Phone
Password
Number
Datetime
Date
Month
Week
Time
Color
Range
File input
Default file input example
Multiple files input example
Disabled file input example
Buy Now