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

import ListSectionHeaderExample from './example/ListSectionHeader?dev-site-example';

import ListSectionHeaderPropsTable from 'terra-list/lib/ListSectionHeader?dev-site-props-table';

<Badge />

# List Section Header

The list section header is a sub-component of the list section. It provides the visual representation of the section, but does not provided any collapsible functionality itself, it's collapsible props are for the display of the collapse/expand indicator. The section header should only be consumed directly when the header is static, as the actual list item collapse is handled by the section.

When consumed by itself as an individual list item avoid enabling the collapsible properties.

## Usage

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

## Examples
<ListSectionHeaderExample />

## List Section Header Props
<ListSectionHeaderPropsTable />