Headline

A heading with a configurable semantic level.

as chooses an HTML element from h1 to h6. Match the level to the page hierarchy.

Live example

Headline

Example controls

Usage

import { Headline } from '@prosazhin/pbcomponents';

<Headline as='h1'>Headline</Headline>;

Component API

PropType / variantsPurposeDefault
as'h1' … 'h6'h1 · h2 · h3 · h4 · h5 · h6HTML heading level.h1
childrenstringComponent content.—
classNamestringClass of the root element.—

Native HTML attributes are accepted where the component renders the corresponding element. className props only affect styling.