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.Container.V2

Common NoRedInk Containers

TODO in next version:

  • remove invalid

Changelog

Patch changes

  • use Shadows
  • add notMobileCss, mobileCss, quizEngineMobileCss
  • use internal Content module
  • adds paragraph

Changes from V1

  • removes fullHeight
  • changes the API from providing many themed functions that create HTML (alternate, general, etc.) to having a single view helper that takes a list of attributes (including themed attributes and content attributes)
  • adds custom, testId, id
  • adds plaintext helper and markdown helper
  • renames themes from:
    • alternate -> gray
    • general -> default
    • interactable -> pillow
  • removes interactableWithLabel theme
  • adds buttony theme

Documentation

View

view : List (Attribute msg) -> Html msg
type Attribute msg
custom : List (Attribute msg) -> Attribute msg

Use this helper to add custom attributes.

Do NOT use this helper to add css styles, as they may not be applied the way you want/expect if underlying styles change. Instead, please use the css helper.

testId : String -> Attribute msg
id : String -> Attribute msg
css : List Style -> Attribute msg
notMobileCss : List Style -> Attribute msg

Set styles that will only apply if the viewport is wider than NRI's mobile breakpoint.

Equivalent to:

Container.css
    [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]
mobileCss : List Style -> Attribute msg

Set styles that will only apply if the viewport is narrower than NRI's mobile breakpoint.

Equivalent to:

Container.css
    [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]
quizEngineMobileCss : List Style -> Attribute msg

Set styles that will only apply if the viewport is narrower than NRI's quiz-engine-specific mobile breakpoint.

Equivalent to:

Container.css
    [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]
paddingPx : Float -> Attribute msg

Changes the padding inside the container border around the content.

Content

paragraph : String -> Attribute msg

Provide a plain-text string that will be put into a paragraph tag, with the default margin removed.

plaintext : String -> Attribute msg

Provide a plain-text string.

markdown : String -> Attribute msg

Provide a string that will be rendered as markdown.

Note that you may need to remove extra margin added by default to p tags by user agents.

html : List (Html msg) -> Attribute msg

Provide a list of custom HTML.

Themes

Used when there are a lot of containers.

Used for the default container case.

DEPRECATED -- this will be removed in the next version of this component.

Used for containers of interactive elements.

Used for clickable cards

Modules

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