aforemny/material-components-web-elm/6.0.0

NOTE: the latest version is 9.1.0

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/aforemny/material-components-web-elm.

What we checked: Tag 6.0.0 is still on github.com/aforemny/material-components-web-elm; its commit fa5f16f0eddc is from 2020-10-08 13:01 UTC, before the version was published (2020-10-08 13:03 UTC); every file Elm uses matches a copy in a Lamdera package cache from 2021-02-13, from before the change; 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/aforemny/material-components-web-elm/zipball/6.0.0/

Material.Typography

Material Design's text sizes and styles were developed to balance content density and reading comfort under typical usage conditions.

Table of Contents

Resources

Basic Usage

For typography to work best, it is necessary to set the font to Roboto. This is archieved by the mdc-typography class, and we recommend to set it globally to the root of your page.

import Material.Typography as Typography


Html.h1 [ Typography.headline1 ] [ text "Headline" ]

Typography Variants

Typography elements come in the following thirteen variants.

headline1 : Attribute msg

Sets font properties as Headline 1

headline2 : Attribute msg

Sets font properties as Headline 2

headline3 : Attribute msg

Sets font properties as Headline 3

headline4 : Attribute msg

Sets font properties as Headline 4

headline5 : Attribute msg

Sets font properties as Headline 5

headline6 : Attribute msg

Sets font properties as Headline 6

body1 : Attribute msg

Sets font properties as Body 1

body2 : Attribute msg

Sets font properties as Body 2

subtitle1 : Attribute msg

Sets font properties as Subtitle 1

subtitle2 : Attribute msg

Sets font properties as Subtitle 2

caption : Attribute msg

Sets font properties as Caption

button : Attribute msg

Sets font properties as Button

overline : Attribute msg

Sets font properties as Overline

typography : Attribute msg

Sets the font to Roboto