Content
modulecustomAttr
error
and errorIf
style
with top
, subhead
, and small
plaintext
, markdown
, html
) used in TextHeadings with customization options.
h1 : List (Attribute msg) -> Html.Styled.Html msg
Make a first-level heading (styled like a top-level heading by default.)
h2 : List (Attribute msg) -> Html.Styled.Html msg
Make a second-level heading (styled like a tagline by default.)
h3 : List (Attribute msg) -> Html.Styled.Html msg
Make a third-level heading (styled like a subhead by default.)
h4 : List (Attribute msg) -> Html.Styled.Html msg
Make a fourth-level heading (styled like a small heading by default.)
h5 : List (Attribute msg) -> Html.Styled.Html msg
Make a fifth-level heading (styled like a small heading by default.)
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.Styled.Html msg) -> Attribute msg
Provide a list of custom HTML.
Like an Html.Attribute msg
, but specifically for headings. Use things
like style
in this module to construct an Attribute.
top : Attribute msg
top
headings are Colors.navy and have:
font-size: 30px
font-weight: 700
By default.
subhead : Attribute msg
subhead
headings are Colors.navy and have:
font-size: 20px
font-weight: 700
By default.
small : Attribute msg
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 (Html.Styled.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 Css.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