# Supported Components

The following is a list of Material Design components & features.
Those currently supported by Material-UI are **highlighted ✓**.

While we strive to follow the guidelines where practical (applying
common sense where guidelines contadict - a more common occurence than
one might expect), we do not expect to support every component, or every
feature of every component, but rather to provide the building blocks to
allow developers to create compelling user interfaces and experiences.

If you wish to add support for a component or feature not highlighted
here, please search for the relevant [GitHub Issue](https://github.com/callemall/material-ui/issues), or create a new one
to discuss the approach before submitting a PR.

- **[App Bar](https://material.io/guidelines/layout/structure.html#structure-app-bar) ✓**
- [App shortcut icons](https://material.io/guidelines/style/icons.html#icons-app-shortcut-icons)
  - Icon
  - Avatar
  - Group avatar
- **[Bottom navigation](https://www.google.com/design/spec/components/bottom-navigation.html) ✓**
- [Bottom sheets](https://www.google.com/design/spec/components/bottom-sheets.html)
- **[Buttons](https://material.io/guidelines/components/buttons.html) ✓**
  - **[Flat & raised buttons](https://www.google.com/design/spec/components/buttons.html#buttons-flat-raised-buttons) ✓**
  - [Toggle buttons](https://www.google.com/design/spec/components/buttons.html#buttons-toggle-buttons)
  - **[Icon toggles](https://www.google.com/design/spec/components/buttons.html#buttons-toggle-buttons) (Custom Checkbox) ✓**
  - [Dropdown: Mobile: Dropdown buttons](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons) (DropDownMenu)
  - [Dropdown: Mobile: Generic overflow](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
  - [Dropdown: Mobile: Segmented](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
  - [Dropdown: Mobile: Editable segmented](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
  - [Dropdown: Desktop: Dropdown buttons](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
- **[Buttons: Floating Action Button](https://www.google.com/design/spec/components/buttons-floating-action-button.html) ✓**
  - **[Trigger](https://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions) ✓**
  - [Toolbar](https://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions)
  - [Speed dial](https://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions)
  - [Morph](http://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions)
  - [Full screen](http://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions)
- **[Cards](https://www.google.com/design/spec/components/cards.html) ✓**
- **[Chips](https://www.google.com/design/spec/components/chips.html) ✓**
  - **[Standard](https://www.google.com/design/spec/components/chips.html) ✓**
  - [Contact](https://www.google.com/design/spec/components/chips.html#chips-contact-chips)
- **[Data tables](https://www.google.com/design/spec/components/data-tables.html) ✓**
  - **Sortable ✓**
  - **Selectable ✓**
  - Pagination
- **[Dialogs](https://www.google.com/design/spec/components/dialogs.html) ✓**
  - **[Alerts](https://www.google.com/design/spec/components/dialogs.html#dialogs-alerts) ✓**
  - **[Simple menus](https://www.google.com/design/spec/components/dialogs.html#dialogs-simple-menus) (Menu) ✓**
  - **[Simple dialogs](https://www.google.com/design/spec/components/dialogs.html#dialogs-simple-dialogs) (Can be constructed with Dialog and List.) ✓**
  - **[Confirmation dialogs](https://www.google.com/design/spec/components/dialogs.html#dialogs-confirmation-dialogs) ✓**
  - **[Full screen dialogs](https://www.google.com/design/spec/components/dialogs.html#dialogs-full-screen-dialogs) ✓**
- **[Dividers](https://www.google.com/design/spec/components/dividers.html) ✓**
  - **[Full bleed](https://www.google.com/design/spec/components/dividers.html#dividers-types-of-dividers) ✓**
  - **[Inset](https://www.google.com/design/spec/components/dividers.html#dividers-types-of-dividers) ✓**
- [Expansion Panels](https://www.google.com/design/spec/components/expansion-panels.html)
- [Grid lists](https://www.google.com/design/spec/components/grid-lists.html)
- **[Lists](https://www.google.com/design/spec/components/lists.html) ✓**
  - **[Single line](https://www.google.com/design/spec/components/lists.html#lists-specs) ✓**
  - **[Two line](https://www.google.com/design/spec/components/lists.html#lists-specs) ✓**
  - [Three line](https://www.google.com/design/spec/components/lists.html#lists-specs)
  - **[Avatar](https://www.google.com/design/spec/components/lists.html#lists-specs) ✓**
  - **[Icon](https://www.google.com/design/spec/components/lists.html#lists-specs) ✓**
- **[Lists: Controls](https://www.google.com/design/spec/components/lists-controls.html) ✓**
  - **[Checkbox](https://www.google.com/design/spec/components/lists-controls.html#lists-controls-types-of-list-controls) (Primary only) ✓**
  - **[Switch](https://www.google.com/design/spec/components/lists-controls.html#lists-controls-types-of-list-controls) (Toggle) ✓**
  - [Reorder](https://www.google.com/design/spec/components/lists-controls.html#lists-controls-types-of-list-controls)
  - [Expand/collapse](https://www.google.com/design/spec/components/lists-controls.html#lists-controls-types-of-list-controls)
  - [Leave-behinds](https://www.google.com/design/spec/components/lists-controls.html#lists-controls-types-of-list-controls)
- **[Menus](https://www.google.com/design/spec/components/menus.html) ✓**
  - **[Button menu](https://www.google.com/design/spec/components/menus.html#menus-usage) (Can be constructed) ✓**
  - [Scrollable](https://www.google.com/design/spec/components/menus.html#menus-usage)
  - [Cascade](https://www.google.com/design/spec/components/menus.html#menus-usage)
  - [Textfield dropdown](https://www.google.com/design/spec/components/menus.html#menus-behavior) (DropDownMenu)
  - [Contextual / App bar dropdown](https://www.google.com/design/spec/components/menus.html#menus-usage) (IconMenu)
  - **[Simple menus](https://www.google.com/design/spec/components/menus.html#menus-simple-menus) (Menu) ✓**
- [Pickers](https://www.google.com/design/spec/components/pickers.html)
  - [Date picker](https://www.google.com/design/spec/components/pickers.html#pickers-date-pickers)
  - [Time picker](https://www.google.com/design/spec/components/pickers.html#pickers-time-pickers)
- **[Progress & activity](https://www.google.com/design/spec/components/progress-activity.html) ✓**
  - **[Linear](https://www.google.com/design/spec/components/progress-activity.html#progress-activity-types-of-indicators) ✓**
  - **[Circular](https://www.google.com/design/spec/components/progress-activity.html#progress-activity-types-of-indicators) ✓**
  - **[Circular with integration](https://www.google.com/design/spec/components/progress-activity.html#progress-activity-types-of-indicators) ✓**
  - **[Loading](https://www.google.com/design/spec/components/progress-activity.html#progress-activity-types-of-indicators) ✓**
- **[Selection controls](https://www.google.com/design/spec/components/selection-controls.html) ✓**
  - **[Checkbox](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-checkbox) ✓**
  - **[Radio button](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-radio-button) ✓**
  - **[Switch](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-switch) ✓**
- [Sliders](https://www.google.com/design/spec/components/sliders.html)
  - [Continuous](https://www.google.com/design/spec/components/sliders.html#sliders-continuous-slider)
  - [Discrete](https://www.google.com/design/spec/components/sliders.html#sliders-discrete-slider)
- [Snackbars](https://www.google.com/design/spec/components/snackbars-toasts.html)
- **[Subheaders](https://www.google.com/design/spec/components/subheaders.html) ✓**
  - **[List](https://www.google.com/design/spec/components/subheaders.html#subheaders-list-subheaders) ✓**
  - [Grid](https://www.google.com/design/spec/components/subheaders.html#subheaders-list-subheaders)
  - [Menu](https://www.google.com/design/spec/components/subheaders.html#subheaders-list-subheaders)
- [Steppers](https://www.google.com/design/spec/components/steppers.html)
  - [Horizontal](https://www.google.com/design/spec/components/steppers.html#steppers-types-of-steppers)
  - [Vertical](https://www.google.com/design/spec/components/steppers.html#steppers-types-of-steppers)
  - **[Mobile steps](https://material.io/guidelines/components/steppers.html#steppers-types-of-steps) ✓**
- **[Tabs](https://www.google.com/design/spec/components/tabs.html) ✓**
  - Usage
    - **[Mobile (Full width)](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
    - **[Desktop (Left aligned AKA Basic)](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
    - **[Centered](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
    - **[Scrollable tab bar](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
    - **[Overflow pagination](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
    - [Dropdown](https://www.google.com/design/spec/components/tabs.html#tabs-usage)
  - Label
    - **[Text](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
    - **[Icon](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
    - **[Icon and text](https://www.google.com/design/spec/components/tabs.html#tabs-usage) ✓**
- **[Text fields](https://www.google.com/design/spec/components/text-fields.html) ✓**
  - **[Single-line](https://www.google.com/design/spec/components/text-fields.html#text-fields-single-line-text-field) ✓**
  - [Multi-line](https://www.google.com/design/spec/components/text-fields.html#text-fields-multi-line-text-field)
  - [Full-width](https://www.google.com/design/spec/components/text-fields.html#text-fields-multi-line-text-field)
  - [Character counter](https://www.google.com/design/spec/components/text-fields.html#text-fields-character-counter)
  - [Auto-complete](https://www.google.com/design/spec/components/text-fields.html#text-fields-auto-complete-text-field)
  - [Search filter](https://www.google.com/design/spec/components/text-fields.html#text-fields-search-filter)
  - [Password](https://www.google.com/design/spec/components/text-fields.html#text-fields-password-input)
- [Toolbars](https://www.google.com/design/spec/components/toolbars.html)
- [Tooltips](https://www.google.com/design/spec/components/tooltips.html) (IconButton & TableHeader only)
  - [Desktop](https://www.google.com/design/spec/components/tooltips.html#tooltips-tooltips-desktop-)
  - [Mobile](https://www.google.com/design/spec/components/tooltips.html#tooltips-tooltips-mobile-)
- [Widgets](https://material.io/guidelines/components/widgets.html)
  - [Information widgets](https://material.io/guidelines/components/widgets.html#widgets-types-of-widgets)
  - [Collection widgets](https://material.io/guidelines/components/widgets.html#widgets-types-of-widgets)
  - [Control widgets](https://material.io/guidelines/components/widgets.html#widgets-types-of-widgets)