import { Badge } from 'terra-list/package.json?dev-site-package';

import ListItemExample from './example/ListItem?dev-site-example';
import ListDraggableExample from './example/DraggableListItem?dev-site-example';


import ListItemPropsTable from 'terra-list/lib/ListItem?dev-site-props-table';

<Badge />

# List Item

The list item provides a pattern for selection/selectability for `<li>`-encapsulated child content.
When the list item has `isSelectable=true`, then `aria-label` must be provided to List for accessibility.
The onSelect event is the primary means for interaction, as it yields the associated metaData when valid selection occurs,
though individual onClick and onKeyDown events can be applied through the use of customProps if greater granularity is required.

## Usage

```jsx
import List, { Item } from 'terra-list';
```

## Examples
<ListItemExample />
<ListDraggableExample/>

## List Item Props
<ListItemPropsTable />