Consid MUI Components

Accordion
Docs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.

Alert
Docs
App Bar
Docs
Material-UI
Avatar
Docs
Remy Sharp
Travis Howard
Cindy Baker
H
N
OP
Remy Sharp
Remy Sharp
Remy Sharp
+2
Cindy Baker
Travis Howard
Remy Sharp
Badge
Docs
111
Bottom Navigation
Docs
Buttons
Docs
Contained Buttons
Link
Text Buttons
Link
Outlined Buttons
Link
Buttons with icons and label
Card
Docs
Simple

Word of the Day

helt•o•tro•ligt

adjective

truly incredible
"a helt otroligt smile"

Outlined

Word of the Day

ma•giskt

adjective

something that is magical
"a magiskt verksamhetsår"

Complex
R
Consid OfficesSeptember 14, 2016

It's a magnificent place to be! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo laboriosam eius enim aliquam quos reiciendis doloribus quis pariatur iusto ut modi, amet voluptatibus cumque! Explicabo, tenetur? Assumenda ducimus magni amet?

Checkboxes
Docs
Assign responsibility

Be careful

Pick two

You can display an error

Chip
Docs
Default
Basic
Disabled
M
Clickable
Natacha
Deletable
Clickable deletable
Custom delete icon
Clickable Link
M
Primary clickable
Primary clickable
Deletable primary
Deletable secondary
Outlined
Basic
Disabled
M
Clickable
Natacha
Deletable
Clickable deletable
Custom delete icon
Clickable Link
M
Primary clickable
Primary clickable
Deletable primary
Deletable secondary
Dialog
Docs
Selected: user02@gmail.com

Floating Action Button
Docs
Icon
Docs
List
Docs
Text only
  • Single-line item
  • Single-line item
  • Single-line item
Icon with text
  • Single-line item
  • Single-line item
  • Single-line item
Avatar with text
  • Single-line item
  • Single-line item
  • Single-line item
Avatar with text and icon
  • Single-line item
  • Single-line item
  • Single-line item
Progress
Docs
Circular
Linear

10%

Radio
Docs
Gender
Select
Docs

Some important helper text

Without label

Label + placeholder

Disabled

Error

Read only

Auto width

Placeholder

Required

Slider
Docs

Volume

Disabled slider

Always visible

Snackbar
Docs
Stepper
Docs
Select campaign settings
Create an ad groupOptional
Create an ad

Select campaign settings...

Switch
Docs
Table
Docs
Nutrition
Dessert (100g serving)Caloriessorted ascendingFat (g)Carbs (g)Protein (g)

Rows per page:

1–5 of 13

Tabs
Docs

Item One

Item One

TextField
Docs

Some important text

Some important text

Some important text

Some important text

Some important text

Some important text

Tooltip
Docs
Typography
Docs

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading
subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.

body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.

button textcaption textoverline text