Nri.Ui.BreadCrumbs.V1

Learn more about 'breadcrumbs' to help a user orient themselves within a site here: https://www.w3.org/WAI/WCAG21/Techniques/general/G65.

Wide Viewport (with Circled IconStyle):

Home


🏠 Home > 🟠 Category 1


🏠 > 🟠 Category 1 > 🟣 Sub-Category 2

Narrow Viewport (with Circled IconStyle):

Home


🏠 > 🟠 Category 1


🏠 > 🟠 > 🟣 Sub-Category 2

{ aTagAttributes : route -> List (Attribute msg)

, isCurrentRoute : route -> Bool

}

-> BreadCrumbs route

-> Html msg

= Circled

| Default

init : BreadCrumb route -> BreadCrumbs route

after : BreadCrumbs route -> BreadCrumb route -> BreadCrumbs route

Generate an HTML page title using the breadcrumbs, in the form "Sub-Category | Category | NoRedInk" for breadCrumbs like:

Category > Sub - Category

Modules