<ListItem>
<div className="left">Left</div>
<div className="center">Center</div>
<div className="right">Right</div>
<div className="expandable-content">Expandable content</div>
</ListItem>| 名前 | 型 / デフォルト値 | 概要 |
|---|---|---|
| modifier | string | The appearance of the list item. （翻訳中） Optional. |
| tappable | bool | Specifies whether the list item is tappable. （翻訳中） Optional. |
| tapBackgroundColor | string | Changes the background color when tapped. For this to work, the attribute “tappable” needs to be set. The default color is “#d9d9d9”. It will display as a ripple effect on Android. （翻訳中） Optional. |
| keepTapBackgroundColor | bool |
Prevent from clearing the background color on "touchmove", "touchcancel", "touchend", "touchleave", "mouseup", and "mouseout". For this to work, the attribute “tappable” needs to be set.
（翻訳中）
Optional.
|
| lockOnDrag | bool | Prevent vertical scrolling when the user drags horizontally. （翻訳中） Optional. |
| expandable | bool |
Specifies whether list item can be expanded to reveal hidden content. Expanded content must be defined in div.expandable-content.
（翻訳中）
Optional.
|
| expanded | bool | For expandable list items, specifies whether item is expanded （翻訳中） Optional. |
| onExpand | func | This function will be called when the expandable list item expands or contracts. （翻訳中） Optional. |
| animation | string | The animation used when showing and hiding the expandable content. Can be either “default” or “none”. （翻訳中） Optional. |
| Name | 概要 |
|---|---|
| tappable | タップやクリックした時に効果が表示されるようになります。 |
| chevron | Display a chevron at the right end of the list item and make it change appearance when tapped. （翻訳中） |
| longdivider | Displays a long horizontal divider between items. （翻訳中） |
| nodivider | Removes the divider between list items. （翻訳中） |
| material | Display a Material Design list item. （翻訳中） |
Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。
バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。
あわせて、下記の情報も参考にしてください。