ion-list

リストは、テキスト、ボタン、トグル、アイコン、サムネイルなどを含む複数の行のアイテムで構成されています。リストは一般的に、画像やテキストなど、類似したデータコンテンツを持つアイテムを含みます。

リストは、オプションを表示するためにアイテムをスワイプする、リスト内のアイテムを並べ替えるためにドラッグする、アイテムを削除するなど、いくつかのインタラクションをサポートしています。

基本的な使用方法

インセットリスト

リストにinsetプロパティを追加すると、リストの周囲にマージンが適用されます。iosモードでは、リストに丸みを帯びた角も追加されます。

リストの線

リストにlinesプロパティを追加すると、リスト内のすべてのアイテムの下線が表示方法が調整されます。"full"に設定すると全幅の境界線が表示され、"inset"に設定すると左パディングで調整された境界線が表示され、"none"に設定すると境界線が表示されません。リスト内のアイテムでlinesプロパティが設定されている場合、リストのプロパティよりも優先されます。

プロパティ

inset

説明	trueの場合、リストの周囲にマージンと丸みを帯びた角が追加されます。
属性	inset
型	boolean
デフォルト	false

lines

説明	すべてのアイテムの下線が表示方法。
属性	lines
型	"full" ｜ "inset" ｜ "none" ｜ undefined
デフォルト	undefined

mode

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

イベント

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

メソッド

closeSlidingItems

説明	リスト内にion-item-slidingが使用されている場合、このメソッドは開いているスライディングアイテムを閉じます。 実際のion-item-slidingが閉じられた場合はtrueを返します。
シグネチャ	closeSlidingItems() => Promise<boolean>

CSSシャドウパーツ

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

CSSカスタムプロパティ

このコンポーネントではCSSカスタムプロパティは使用できません。

スロット

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