[ListItem] allow ListItem to be selected like MenuItem

[phiilu]

I was wondering, if it would be better if we move the selected prop from the MenuItem directly to the ListItem.

I was using the Drawer component and I wanted to show the user which ListItem was active in the Drawer. So I thought I make it selected, but than I realized the ListItem has no selected prop, but I remebered that the MenuItem has this prop. I looked into the code and saw that the MenuItem is basicly a ListItem.

If we do not think this is a good idea, we should at least tell the user in the docs, when he wants to make a ListItem selected he should use a MenuItem instead.

Your Environment

Tech	Version
Material-UI	v1.0.0-beta.16

[oliviertassinari]

@phiilu I don't know what to think about this one. I can't see what would be the default list item selected style nor why it should be the same of the menu item. I couldn't find any example of this in Polymer side https://www.webcomponents.org/element/PolymerElements/iron-list
This issue is linked to #5186.

In the uncertainty, I'm closing. We have been using some custom style on the documentation website. (the active page is bold). Thanks for raising this point. I want to collect more feedback before doing anything.

[diogoweb2]

I agree with @phiilu. It'd be nice to have "selected" prop on ListItem.

But if you don't think it's a good idea, could someone work on a "Selectable list" implementation like in the previous version (http://www.material-ui.com/#/components/list)

I've tried to implement using List+menuItem but when I click outside from the List, it lost the selection (it makes sense for a menuItem)

*I'm working on something similar to this example: https://material.io/guidelines/layout/structure.html#structure-side-nav
(Right nav on desktop example)

[Leenzur]

Hi everyone, agree with @phiilu too. As a beginner user on material ui, I'm searching how to display a ListItem component easily selected from the responsive demo drawer.

[mystist]

Try to use the overriding-with-classes for the customization.
That fixed my pain.

[mstrugo]

Upvote!

[smrsan76]

Upvote!
I agree with @phiilu.