[ListItem] - Unable to provide props to li node

If I understand your ListItem.js correctly, one small change would make it a lot easier to build

export default class DraggableListItem extends ListItem {}

In the ListItem.js you have

    return (
      <li
        style={style}
        className={cn('md-list-item', {
          'md-list-item--nested-container': nestedItems,
        }, className)}
        ref={this._setContainer}
      >
        <AccessibleFakeInkedButton
          {...props}
          __SUPER_SECRET_REF__={this._setTile}

and by using the {...props} for the <AccessibleFakeInkedButton /> you cannot further specialize the component.

I propose to let the ListItem be all about standard <li> and have the {...props} added to the <li>

[mlaursen]

This might work. I might need to update the documentation a bit and hopefully give some better migration warnings. The current ListItem looks like this.

It might be that a new prop itemProps is added instead. One of the main reasons for passing all the remaining props to the AccessibleFakeInkedButton is so that the following is possible:

import { Link } from 'react-router';

...

<ListItem primaryText="Some Route" component={Link} to="some-route" />

Another possibility is to just extract any of the event listeners and apply them to the ItemComponent instead of the AccessibleFakeButton. I think it’ll just take some testing.

[mlaursen]

I’m going to close this one in favor of #439