debois/elm-mdl

List items with primary actions

Closed this issue · 3 comments

Following this thread on Elm slack

I'd like to implement a list item with primary action, similar in behaviour to list component of Material UI library for ReactJS. On MDC website (bottom of the page) they are referred to as Interactive Lists.

It should have following features:

  • Hover effect
  • Ripple effect
  • Mouse cursor indicator (cursor: pointer in CSS terms)
  • Whole item is clickable (provided there is no control for secondary action)

It's quite similar to how Material.Menu behaves, but it should be always open and take entire width of a container (like a list). Also separators would be very welcome.

Sounds fairly simple to make, what issues were you having?

Oh, I'm sure it is. I'm just dipping my toes in Elm.

I'd love to help here, but currently I'm leaning toward building UI for my project with Elm + Web Components. There seem to be a lot of nice and ready to use Material Design components available. I'll see how it goes and maybe get back to Elm-MDL.

Anyway thanks for this really impressive package. Great work!

Hi,
we are currently trying to re-organize the issues and this issue did not make the list. We are trying to focus on bug fixes and I am afraid we cannot come up with a demo for this. If you have a more specific question to an implementation of such demo, please feel free to open another issue. Please understand that for now I am closing this.