ListItem

[OnsenUI]

Component that represents each item in the list. Must be put inside the List component. The list item is composed of three parts that are represented with the left, center and right classes. These classes can be used to ensure that the content of the list items is properly aligned.

Click here to see the original article

[boomfly]

Hello! There is a modifier for the active ListItem?

[Fran Diox]

@boomfly What do you mean with the “active” listItem? If you want an effect when an item is clicked you can use tappable.

[samphan]

Can I use onClick attribute?

I’ve used it in my project and it works. But it’s not mentions in the Props table above.

[misterjunio]

@samphan that’s because onClick is a regular attribute for DOM elements, not a specific prop for ListItem, naturally you can use it in the regular way :+1:

[jay]

The value of className is ‘left’ ‘center’ and ‘right’ but the css version the value is ‘list-item__left’ ‘list-item__center’ ‘list-item__right’…can someone explain this ?

[Dax]

How do you use Preset Modifiers?

[Dax]

@dax: found asolution - using modifier=“chevron”? Is this the correct way?

[Dax]

@jay: I found using className=‘center’ adds ‘list-item__center list-item–chevron__center’ at runtime, but alternatively for className=‘title’ does not add ‘list-item__title list-item–material__title’ for sub element. Very confusing!