h1

Since UXP v2.0

A heading element, representing the first level in the document hierarchy.

This element is not theme-aware. If you want theme-aware elements, you should use the Spectrum UXP correlates, or you can style them manually based upon the prefers-color-scheme media query.

See: https://developer.mozilla.org/en/docs/Web/HTML/Element/h1

Example

<h1>Hello, world!</h1>
Copied to your clipboard
<h1>Hello, world!</h1>

Spectrum UXP Correlate

When using Spectrum UXP, you can get a similar rendering using sp-heading.

<sp-heading size="L">Hello, World</sp-heading>
Copied to your clipboard
<sp-heading size="L">Hello, World</sp-heading>

footer

Last updated 3/8/2023

Was this helpful?

Yes

h1

Spectrum UXP Correlate.css-83mclq{margin-left:var(--spectrum-global-dimension-size-100);}

Spectrum UXP Correlate