ion-list-header

影

リストヘッダーは、リストの内容を説明するために使用されるブロック要素です。アイテム区切り線とは異なり、リストヘッダーはアイテムのリストの先頭に1回だけ使用する必要があります。

基本的な使用方法

リストヘッダー内のボタン

リストヘッダーに配置されたボタンは、リストの一部を表示し、ボタンを使用して完全なリストにリダイレクトするのに役立ちます。

リストヘッダーの線

リストヘッダーは、デフォルトでは下部に境界線を表示しません。linesプロパティを"full"または"inset"に変更すると、それぞれ全幅の境界線または左側にパディングのあるインセット境界線が表示されます。

テーマ

色

CSSカスタムプロパティ

プロパティ

color

説明	アプリケーションの色パレットから使用する色です。デフォルトのオプションは、"primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium"、"dark"です。色の詳細については、テーマを参照してください。
属性	color
型	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined
デフォルト	undefined

lines

説明	リストヘッダーに下部の境界線をどのように表示するか。
属性	lines
型	"full" ｜ "inset" ｜ "none" ｜ undefined
デフォルト	undefined

mode

説明	モードは、使用するプラットフォームスタイルを決定します。
属性	mode
型	"ios" ｜ "md"
デフォルト	undefined

イベント

このコンポーネントではイベントは使用できません。

メソッド

このコンポーネントでは公開メソッドは使用できません。

CSSシャドウパーツ

このコンポーネントではCSSシャドウパーツは使用できません。

CSSカスタムプロパティ

iOS

名前	説明
--background	リストヘッダーの背景
--border-color	リストヘッダー境界線の色
--border-style	リストヘッダー境界線のスタイル
--border-width	リストヘッダー境界線の幅
--color	リストヘッダーテキストの色
--inner-border-width	リストヘッダー内側の境界線の幅

MD

名前	説明
--background	リストヘッダーの背景
--border-color	リストヘッダー境界線の色
--border-style	リストヘッダー境界線のスタイル
--border-width	リストヘッダー境界線の幅
--color	リストヘッダーテキストの色
--inner-border-width	リストヘッダー内側の境界線の幅

スロット

このコンポーネントではスロットは使用できません。