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

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

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

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

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

Provide a plain-text string.

Provide a string that will be rendered as markdown.

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

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.

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