Components
https://material.io/components
https://mui.com/getting-started/supported-components
- Accordion (Legacy Material v1)
- App bars
- Top
- Bottom
- Banners (Can be composed)
- Bottom navigation
- Buttons
- Text & contained buttons (formerly flat & raised)
- Toggle buttons ~ (Lab)
- Icon toggle buttons (Custom Checkbox)
- Buttons: Floating Action Button
- Transitions:
- Speed dial ~ (Lab)
- Menu
- Morph
- Full screen
- Extended FAB
- Speed dial
- Transitions:
- Cards
- Chips
- Input
- Choice
- Filter
- Action
- Data tables
- Sortable
- Selectable
- Pagination
- Dialogs
- Alert dialog
- Simple dialogs (Can be composed with Dialog and List.)
- Confirmation dialogs
- Full screen dialogs
- Dividers
- Full bleed
- Inset
- Middle
- Subheader
- Image lists
- Lists
- Types:
- Single line
- Two line
- Three line
- Avatar
- Icon
- Thumbnail
- Controls
- Checkbox
- Expand/collapse (AKA Nested)
- Switch
- Reorder
- Types:
- Menus
- Dropdown menu (Can be composed)
- Cascade
- Exposed dropdown menus
- Text field dropdown menu (Select)
- Editable dropdown menu
- Contextual
- Dropdown menu (Can be composed)
- Progress indicators / Progress bar - 30 Awesome CSS Progress Bars (Free Code and Demos)
- Linear
- Circular
- Loading (Legacy Material v1)
- Selection controls
- Checkbox
- Radio button
- Switch
- Sliders
- Continuous
- Discrete
- Snackbars (Legacy Material v1)
- Subheaders (Legacy Material v1)
- List
- Grid
- Menu
- Steppers (Legacy Material v1)
- Horizontal
- Vertical
- Mobile steps
- Tabs
- Fixed tabs
- Scrollable tabs
- Text fields
- Standard (Legacy Material v1)
- Filled
- Outline
- Types:
- Single-line
- Multi-line
- Text-area
- Full-width
- Assistive elements:
- Helper text
- Error message
- Icons
- Character counter
- Toolbars (Legacy Material v1)
- Tooltips
- Desktop
- Mobile
- Badges
- Breadcrumbs
- Collections
- Footer
- Forms
- Navbar
- Preloader
- Carousel
- Collapsible
- Dropdown
- FeatureDiscovery
- Media
- Modals
- Parallax
- Pushpin
- ScrollFire
- Scrollspy
- SideNav
- Waves