ion-breadcrumbs

shadow

Breadcrumbsは、ユーザーがアプリやサイトのどこにいるのかを示すために使用されるナビゲーションアイテムです。大規模なサイトや、階層的に配置されたページを持つアプリで使用する必要があります。Breadcrumbsは、表示可能な最大数に応じて折りたたむことができ、折りたたんだインジケータをクリックすると、詳細情報を示すポップオーバーが表示され、折りたたんだBreadcrumbを展開することができます。 基本的な使い方

Vue

iOS

Max Items

maxItems の値よりも多くのアイテムがある場合、breadcrumbsは折りたたまれます。デフォルトでは、最初と最後のアイテムのみが表示されます。

<c- -->

AngularJavaScriptReact

MD

Items Before or After Collapse

アイテムが折りたたまれた後、表示するアイテムの数は!!code>itemsBeforeCollapse と itemsAfterCollapse プロパティで制御することができます。

<c- -->

AngularJavaScriptReact

MD

Collapsed!?ndicator Click -- Expand Breadcrumbs

また、ionCollapsedClick イベントは、隠されたパンくずを表示するオーバーレイ（この場合は!!code>ion-popover ）を提示するために使用することができます。

Vue

iOS

Colors

Vue

iOS