Skip to main content

Heading Level

docs-source

This is a custom React component that renders a custom heading level (<h1> to <h6>). It is used in the heading component or block.

Usage

import { HeadingLevel } from 'EightshiftComponentHeadingLevel';

{onChangeLevel &&
<HeadingLevel
selectedLevel={level}
onChange={onChangeLevel}
/>
}

Options

minLevel

Defines the minimum value to show in a heading.

Default: 1

maxLevel

Defines the maximum value to show in a heading.

Default: 6

selectedLevel

Defines the selected level value to show in a heading.

onChange

On Change callback method for saving the attributes of the component.