# List Header

<flow-list-header>

Stable

The List Header component adds a header to a list.

The List Header component is used to add headers to List sections contained in a List Group. An optional icon can be added to the header.

# Examples

Set the collapsible attribute to allow the following list to be expanded and collapsed. Specify the open attribute to set the initial state.

Property	Description	Type	Default
`collapsible`	Set to `true` to display an expand/collapse button and make the following `flow-list` collapsible.	`boolean`	`false`
`color`	The color of list header text and optional icon. Colors are taken from the application palette.	`"danger" \| "gray" \| "primary" \| "secondary" \| "success" \| "warning"`
`icon`	Set to display an icon before the title of the header. The property can be the name of a built-in icon, a URL to an SVG file, or an SVG data URI.	`string`
`open`	Set to open or close the following `flow-list`. Only applicable if `collapsible` is `true`.	`boolean`	`true`

Slot	Description
`(default)`	The content of the header.

Name	Description
`--list-header-color`	Color of the header. (default: inherit)