List component creates an unstyled ordered or unordered list that
should be used with the
ListItem creates a clickable and focusable
<li> within a
can optionally render addons to the left and right of the
children or text.
This component is a really bad attempt at creating a
Link within a
that has the main
ListItem styles. It will probably be better to just use
ListItemChildren within your
Link component instead.
This is a simple component that will render a
<li> with the subheader
typography styles. It also supports an
inset variant that adds some spacing
to the left of the text to align with other
ListItem that have left addons.
SimpleListItem component is used to create a non-clickable item within
List. This is really just useful since it allows for the
styling behavior of left and right icons, avatars, and media.
Note: Even though this component exists, it is recommended to use the
ListItemChildren component instead if you want the "addon" styling/behavior
since screen readers read
li items within lists differently.
ListItemAddon is used to create an addon to the left or right of the
text/children of a
ListItemChildren component is used to create a styled list item that
can have optional addons to the left or right of the children in the form of
icons, avatars, or media. The
children can be replaced by the
secondaryText props to create stacked text spanning two or more lines
with the default behavior of using
line-clamp at three lines.
Note: This will return a
React.Fragment of the children and does not wrap
in a DOM node for styling. The parent component should normally have
display: flex for the styling to work.
This component us used to create the one to three lines of text within a
Gets the expected height for the
SimpleListItem based on the
Generated using TypeDoc