Use for two-line text inside items additionally to text.
Example:
text []
[ primaryText [] [ Html.text "foo" ]
, secondaryText [] [ Html.text "bar" ]
]Lists are continuous, vertical indexes of text or images.
In your application install:
npm install "@material/list"In your Sass file import:
@import "@material/list/mdc-list";Renders a list item.
Use for text inside items.
Use for two-line text inside items additionally to text.
Example:
text []
[ primaryText [] [ Html.text "foo" ]
, secondaryText [] [ Html.text "bar" ]
]Use for two-line text inside items additionally to text.
Example:
text []
[ primaryText [] [ Html.text "foo" ]
, secondaryText [] [ Html.text "bar" ]
]List groups.
Example:
group []
[ subheader [] [ Html.text "foo" ]
, view []
[ item [] []
, item [] []
]
]Header inside list groups.
Add to lists with two lines.
Optional, the first tile in the row (in LTR languages, the first column of the list item). Typically an icon or image.
Optional, the last tile in the row (in LTR languages, the last column of the list item). Typically small text, icon. or image.
Renders a list. Childs have to be keyed.