import Props from '@ionic-internal/component-api/v8/list-header/props.md'; import Events from '@ionic-internal/component-api/v8/list-header/events.md'; import Methods from '@ionic-internal/component-api/v8/list-header/methods.md'; import Parts from '@ionic-internal/component-api/v8/list-header/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/list-header/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/list-header/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

List headers are block elements that are used to describe the contents of a list. Unlike item dividers, list headers should only be used once at the top of a list of items.

import Basic from '@site/static/usage/v8/list-header/basic/index.md';

A button placed in a list header can be useful for showing part of a list and redirecting to the full list with the button.

import Buttons from '@site/static/usage/v8/list-header/buttons/index.md';

List headers do not show a bottom border by default. The lines property can be modified to "full" or "inset" which will show a full width border or an inset border with left padding, respectively.

import Lines from '@site/static/usage/v8/list-header/lines/index.md';

import Colors from '@site/static/usage/v8/list-header/theming/colors/index.md';

import CSSProps from '@site/static/usage/v8/list-header/theming/css-properties/index.md';