shadowBreadcrumbsは、ユーザーがアプリやサイトのどこにいるのかを示すために使用されるナビゲーションアイテムです。大規模なサイトや、階層的に配置されたページを持つアプリで使用する必要があります。Breadcrumbsは、表示可能な最大数に応じて折りたたむことができ、折りたたんだインジケータをクリックすると、詳細情報を示すポップオーバーが表示され、折りたたんだBreadcrumbを展開することができます。
maxItems の値よりも多くのアイテムがある場合、breadcrumbsは折りたたまれます。デフォルトでは、最初と最後のアイテムのみが表示されます。
アイテムが折りたたまれた後、表示するアイテムの数は itemsBeforeCollapse と itemsAfterCollapse プロパティで制御することができます。
インジケータをクリックすると、ionCollapsedClick イベントが発生します。これは、例えば、breadcrumbsを展開するために使うことができます。
また、ionCollapsedClick イベントは、隠されたパンくずを表示するオーバーレイ（この場合は ion-popover ）を提示するために使用することができます。
| Description | アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は theming を参照してください。 |
| Attribute | color |
| Type | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined |
| Default | undefined |
| Description | 折りたたまれたインジケータの後に表示するパンくずの数。itemsBeforeCollapse+itemsAfterCollapseがmaxItems` よりも大きい場合、パンくずは折りたたまれない。 |
| Attribute | items-after-collapse |
| Type | number |
| Default | 1 |
| Description | 折りたたんだインジケータの前に表示するパンくずの数を指定します。itemsBeforeCollapse+itemsAfterCollapseがmaxItems` よりも大きい場合、パンくずは折りたたまれない。 |
| Attribute | items-before-collapse |
| Type | number |
| Default | 1 |
| Description | 折りたたむ前に表示するパンくずの最大数を指定します。 |
| Attribute | max-items |
| Type | number ｜ undefined |
| Default | undefined |
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
| Name | Description |
|---|
ionCollapsedClick | 折りたたみインジケータがクリックされたときに発行されます。 |
No public methods available for this component.
No CSS shadow parts available for this component.
No CSS custom properties available for this component.
No slots available for this component.