PackagesReroutesAboutlamdera.com

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/

READMEAboutVersionsSourceModules

Nri.Ui.Heading.V3

Changelog

Patch changes

  • use internal Content module

Changes from V2:

  • changes default h2 style to subhead
  • remove customAttr
  • remove error and errorIf
  • replaces style with top, subhead, and small
  • replaces list of HTML attributes with content approach (plaintext, markdown, html) used in Text

Headings with customization options.

h1 : List (Attribute msg) -> Html msg

Make a first-level heading (styled like a top-level heading by default.)

h2 : List (Attribute msg) -> Html msg

Make a second-level heading (styled like a tagline by default.)

h3 : List (Attribute msg) -> Html msg

Make a third-level heading (styled like a subhead by default.)

h4 : List (Attribute msg) -> Html msg

Make a fourth-level heading (styled like a small heading by default.)

h5 : List (Attribute msg) -> Html msg

Make a fifth-level heading (styled like a small heading by default.)

Content

plaintext : String -> Attribute msg

Provide a plain-text string.

markdown : String -> Attribute msg

Provide a string that will be rendered as markdown.

html : List (Html msg) -> Attribute msg

Provide a list of custom HTML.

Customizations

type Attribute msg

Like an Html.Attribute msg, but specifically for headings. Use things like style in this module to construct an Attribute.

top headings are Colors.navy and have:

font-size: 30px
font-weight: 700

By default.

subhead headings are Colors.navy and have:

font-size: 20px
font-weight: 700

By default.

small headings are Colors.gray20 and have:

font-size: 16px
font-weight: 700

By default.

small heading default styles also make the letter-spacing slightly narrower, by 0.13px.

custom : List (Attribute msg) -> Attribute msg

Set some custom attributes.

Please don't make headers interactive! Use buttons or links instead so that keyboard and screen reader users can use the site too.

For style customizations, be sure to use the Heading.css helper.

css : List Style -> Attribute msg

Set some custom CSS in this heading. For example, maybe you need to tweak margins.

nriDescription : String -> Attribute msg
testId : String -> Attribute msg
id : String -> Attribute msg

Modules

About this package serverReroutesreroutes.json
Pages and docs rendering from package.elm-lang.org, © 2012-2020 Evan Czaplicki. © 2026 Lamdera