Set the disabled prop to prevent actions on a <List.Item>. For elements
that aren't naturally disable-able (like anchors) onClick handlers are added
that call preventDefault to mimick disabled behavior.
Toggle the action prop to create actionable list group
items, with disabled, hover and active styles. List item actions will render
a <button> or <a> (depending on the presence of an href) by default but
can be overriden by setting the as prop as usual.
List items actions are distinct from plain items to ensure that click or tap
affordances aren't applied to non-interactive items.
You can also use the Tab components to create ARIA compliant tabbable
interfaces with the <ListGroup> component. Swap out the <Nav> component
for the list group and you are good to go.
You can use a custom element type for this component.
variant
'flush'
null
Adds a variant to the list-group
bsPrefix required
string
'list-group'
Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
Marks a ListGroupItem as actionable, applying additional hover, active and disabled styles
for links and buttons.
active
boolean
false
Sets list item as active
as
elementType
<{div | a | button}>
You can use a custom element type for this component. For none action items, items render as li.
For actions the default is an achor or button element depending on whether a href is provided.
disabled
boolean
false
Sets list item state as disabled
eventKey
string
A unique identifier for the Component, the eventKey makes it distinguishable from others in a set. Similar to React's key prop, in that it only needs to be unique amoungst the Components siblings, not globally.
Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
