リストは、Text、Buttons、Toggleを含むこと アイテム の複数の行で構成されています。
アイコンやサムネイルなど、さまざまな機能を備えています。リストには一般的に、画像やテキストなど、類似したデータ内容を持つアイテムが含まれます。
リストは、アイテムをスワイプしてオプションを表示したり、ドラッグしてリスト内のアイテムを並び替えしたり、アイテムを削除したりするなどの操作をサポートしています。
リストに inset
プロパティを追加すると、リストの周囲にマージンが適用されます。また、ios
モードでは、リストに角丸が追加されます。
リストに lines
プロパティを追加すると、リスト内のすべてのアイテムの下側のボーダーを調整することができます。 "full"
に設定すると全幅のボーダーが表示され、"inset"
に設定すると左paddingで調整されたボーダーが表示され、none"
に設定するとボーダーが表示されません。リスト内のアイテムに lines
プロパティが設定されている場合は、リスト上のプロパティよりもそちらが優先されます。
Description | true の場合、リストの周囲に余白ができ、角が丸くなる。 |
Attribute | inset |
Type | boolean |
Default | false |
Description | すべてのアイテムで、下のボーダーをどのように表示させるか。 |
Attribute | lines |
Type | "full" | "inset" | "none" | undefined |
Default | undefined |
Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
Attribute | mode |
Type | "ios" | "md" |
Default | undefined |
No events available for this component.
Description | If ion-item-sliding are used inside the list, this method closes any open sliding item.
Returns true if an actual ion-item-sliding is closed. |
Signature | closeSlidingItems() => Promise<boolean> |
No CSS shadow parts available for this component.
No CSS custom properties available for this component.
No slots available for this component.