NoRedInk/noredink-ui/22.6.0

NOTE: the latest version is 35.9.3

Rerouted (regenerated, verified). Same repository and tag, but GitHub now builds the zip with different bytes, so it no longer matches the SHA-1 package.elm-lang.org recorded. The Lamdera package server serves a copy recovered from https://github.com/NoRedInk/noredink-ui.

What we checked: Tag 22.6.0 is still on github.com/NoRedInk/noredink-ui; its commit 7cae53f1af4b is from 2023-03-24 17:13 UTC, before the version was published (2023-03-27 14:55 UTC); elm.json is byte-identical to package.elm-lang.org's; the exposed modules match docs.json; the zip's SHA-1 is not the published one (GitHub's zip no longer comes out byte for byte the same), so the contents were checked instead.

The Lamdera compiler uses this copy and prints a one-line notice saying so. elm itself fails to download this version.

Details ยท package.elm-lang.org's zip: https://github.com/NoRedInk/noredink-ui/zipball/22.6.0/

Nri.Ui.BreadCrumbs.V2

Patch changes:

- when only 1 breadcrumb is present, just render as a styled h1 or h2 directly, without nav semantics

Changes from V1:

- switch to list-based attributes pattern

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:

Home


๐Ÿ  Home > ๐ŸŸ  Category 1


๐Ÿ  > ๐ŸŸ  Category 1 > ๐ŸŸฃ Sub-Category 2

Narrow Viewport:

Home


๐Ÿ  > ๐ŸŸ  Category 1


๐Ÿ  > ๐ŸŸ  > ๐ŸŸฃ Sub-Category 2

Creating breadcrumbs

{ id : String
, text : String
, route : route
}
-> List (BreadCrumbAttribute route)
-> BreadCrumbs route
-> { id : String
, text : String
, route : route
}
-> List (BreadCrumbAttribute route)
-> BreadCrumbs route
-> { id : String
, text : String
, route : route
}
-> List (BreadCrumbAttribute route)
-> BreadCrumbs route

Viewing breadcrumbs

{ aTagAttributes : route -> List (Attribute msg)
, isCurrentRoute : route -> Bool
, label : String
}
-> BreadCrumbs route
-> Html msg

Usually, the label value will be the string "breadcrumbs".

It's configurable so that if more than one set of BreadCrumbs ever appear on the page, the aria-label for the nav can still be unique.

{ aTagAttributes : route -> List (Attribute msg)
, isCurrentRoute : route -> Bool
, label : String
}
-> BreadCrumbs route
-> Html msg

Usually, the label value will be the string "secondary breadcrumbs".

It's configurable so that if more than one set of BreadCrumbs ever appear on the page, the aria-label for the nav can still be unique.

Managing focus and page title

headerId : BreadCrumbs route -> String
toPageTitle : BreadCrumbs a -> String

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

Category > SubCategory