[Components] supported material-ui components

[mbrookes]

Components

• App shortcut icons
  • Icon
  • Avatar
  • Group avatar
• Bottom navigation - Bottom Navigation component #3712
• Bottom sheets - Implement "bottom sheets" functionality #2126
• Buttons
  • Flat & raised buttons
  • Toggle buttons
  • Icon toggles (Custom Checkbox)
  • Dropdown: Mobile: Dropdown buttons (DropDownMenu)
  • Dropdown: Mobile: Generic overflow
  • Dropdown: Mobile: Segmented
  • Dropdown: Mobile: Editable segmented
  • Dropdown: Desktop: Dropdown buttons
• Buttons: Floating Action Button
  • Trigger
  • Toolbar
  • Speed dial - [FloatingActionButton] Support horizontal and vertical speed dials #2851
  • Morph
  • Full screen
• Cards
• Chips - Add support for chips #1119
  • Standard
  • Contact
• Data tables
• Dialogs
  • Alerts
  • Simple menus (Menu)
  • Simple dialogs (Can be constructed with Dialog and List.)
  • Confirmation dialogs
  • Full screen dialogs
• Dividers
  • Full bleed
  • Inset
• Expansion Panels
• Grid lists
• Lists
  • Single line
  • Two line
  • Three line
  • Avatar
  • Icon
• Lists: Controls
  • Checkbox (Primary only)
  • Switch (Toggle)
  • Reorder
  • Expand/collapse
  • Leave-behinds
• Menus
  • Button menu (Can be constructed)
  • Scrollable
  • Cascade
  • Textfield dropdown (DropDownMenu)
  • Contextual / App bar dropdown (IconMenu)
  • Simple menus (Menu)
• Pickers
  • Date picker
  • Time picker
• Progress & activity
  • Linear
  • Circular
  • Circular with integration
  • Loading
• Selection controls
  • Checkbox
  • Radio button
  • Switch
• Sliders
  • Continuous
  • Discrete
• Snackbars & toasts
• Subheaders
  • List
  • Grid
  • Menu
• Steppers - Material design Stepper for Material UI #2722
  • Horizontal - [Stepper] Add new component #3132
  • Vertical - [Stepper] Add new component #3132
• Tabs
  • Text
  • Icon
  • Icon and text
  • Dropdown
  • Overflow pagination
• Text fields
  • Single-line
  • Multi-line
  • Full-width
  • Character counter
  • Auto-complete
  • Search filter
  • Password
• Toolbars (AppBar/Toolbar)
• Tooltips (IconButton & TableHeader only) - [Tooltip] Expose Composable Tooltip component #2230
  • Desktop
  • Mobile
• Widgets
  • Information widgets
  • Collection widgets
  • Control widgets

[mbrookes]

Thought it would be interesting to capture which components and their variations are supported by Material-UI - with no assumption that it's planned to support everything!

[eks1985]

@mbrookes, great job! Definitely this checklist is very useful

[yongxu]

This is awesome @mbrookes.
I think it is a good idea to change the docs(the site) components list to this layout too.

[newoga]

Very nice, thanks @mbrookes!

Side note, I'm not sure if we support character counter for TextField yet do we?

[alitaheri]

@mbrookes Thanks a lot, this sure gives a lot of insight 👍 👍

[mbrookes]

Thanks @newoga - fixed.

[zachguo]

where's multi-select? #2337

[mbrookes]

@zachguo it comes under Patterns not components, so isn't documented here. Arguably it should be. You can see an example under IconMenu in the docs.

[Simran-B]

The list is not quite up-to-date it seems, the following components exist as far as I can see:

• bottom navigation: http://www.material-ui.com/#/components/bottom-navigation
• text fields > password: http://www.material-ui.com/#/components/text-field
• buttons > toggles:
  • http://www.material-ui.com/#/components/checkbox
  • http://www.material-ui.com/#/components/radio-button
  • http://www.material-ui.com/#/components/toggle

Not sure about chips > contact, the example shows two entries with contact-like images:
http://www.material-ui.com/#/components/chip

[kenjiru]

Looking forward for the Search Filter component implementation.

[mbrookes]

@Simran-B Thanks, I've updated for Bottom Nav and Password. Toggle Buttons are something different (follow the link for the spec), as are contact chips.

[forman]

Are expansion panels already scheduled?

[oliviertassinari]

@mbrookes Would that makes sense to move that list into the documentation? We would get a higher visibility. That would also encourage contributions. I'm not sure, just wondering.

[mbrookes]

@oliviertassinari That's a good idea!

I had suggested to @Shahrukh-Zindani that he could submit a new issue with a revised version to help track what has been migrated to next (we were discussing whether there were any simple components left to migrate), but adding a version of this to one or both docs seems like a good plan.

[TheNoim]

Whats with Buffer and Query mode for Linear Progress. I miss them :( https://material.io/guidelines/components/progress-activity.html#progress-activity-types-of-indicators

[stunaz]

@TheNoim Available in the next branch, see for yourself https://material-ui-1dab0.firebaseapp.com/#/component-demos/progress

[oliviertassinari]

@mbrookes Have added a new documentation section around the completeness of Material-UI in regards of the Specification. Nice initiative 👍 . I'm closing this issue. Now, we can update it from time to time when new features are implemented. Notice that it's covering the next branch.