Getting StartedIntroduction SOONInstallation SOONChange log SOONRoadmap SOON

ContainerFlex SOONGrid SOONSticky SOONSeparator SOONAspect Ratio SOONVisually Hidden SOON

DialogPopover SOONTooltipDropdown Menu SOONContext Menu SOONHover Card SOON

Link SOONNavigation Menu SOONBreadcrumbs SOONPagination SOONStepper SOON

Collapsible SOONAccordion SOONTabs SOON

H1 SOONH2 SOONH3 SOONH4 SOONH5 SOONH6 SOONP SOONSpan SOONEm SOONI SOONStrong SOONB SOONQ SOONBlockquote SOONUl SOONOl SOONKbd SOONCode SOONTable of Contents SOON

Media

Icon SOONAvatar SOONAvatar Group SOONImage SOONVideo SOON

Notifications

Notification SOONNotification Panel SOONToast SOONAlert SOON

Status

Spinner SOONProgress Bar SOON

Buttons

Button SOONBurger Button SOONButton Group SOON

Data Display

Article Preview SOONBadge SOONCard SOONCommand Line SOONTable SOONTag SOONTag Group SOONTag Picker SOONTestimonial SOONProduct Tile SOONSkeleton SOONStatistic SOON

Data Entry

Address Input SOONCheckbox SOONCalendar Input SOONCalendar Range Input SOONColor Picker SOONCurrency Input SOONCredit Card Input SOONDate Input SOONDate Picker SOONDate Range Input SOONDate Range Picker SOONFieldset SOONFile Input SOONFile Dropzone SOONFile Picker SOONLabel SOONPin Input SOONPhone Number Input SOONRadio Button SOONRadio Group SOONRange Slider SOONRating SOONSearch Input SOONSwitch SOONSegmented Control SOONSelect SOONSlider SOONText Input SOONTextarea SOONToggle SOONToggle Group SOONURL Input SOON

Forms

TBD SOON

H1

H1 heading component.

If you're wondering why this component exists, read the typography intro.

Features

Drop-in replacement for the native <h1> element.
Opts-in to your typographic system's styles.

Usage

H1Example.tsx

<H1>This is an H1 heading</H1>

Here's the <H1 /> component in action.

This is an H1 heading

Source

Get all-access