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

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

Select which of the base styles this heading should look like. Each of h1..5 has a default, check their docs to see if you don't need to override this.

Use this when the header is on top of a section in an error state.

Show an error if some condition is met.

Heading.h1
    [ Heading.errorIf (model.errorMessage /= Nothing) ]
    [ Html.text "Hello! ]

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. Now you can!

Please prefer custom for API consistency.