uberschrift
TypeScript icon, indicating that this package has built-in type declarations

1.1.13 • Public • Published

<Hx>uberschrift 🧢</Hx>

Zero-dependency magic heading levels for React


npm version badge
Issue badge
CI badge


🛠️ Usage

npm install uberschrift

page.tsx:

import { Hx, HxBoundary } from "uberschrift";

<Hx>Outside of the top level: this will be an h1</Hx>

<HxBoundary>
  <Hx>Within the top level: this will be an h2</Hx>

  <HxBoundary>
    <Hx>Within the 2nd level: this will be an h3</Hx>

    <HxBoundary>
      <Hx>Within the 3rd level: this will be an h4</Hx>
    </HxBoundary>

    <Hx>Again within the 2nd level: this will be an h3</Hx>
  </HxBoundary>
</HxBoundary>

renders as:

<h1>Outside of the top level: this will be an h1</h1>
<h2>Within the top level: this will be an h2</h2>
<h3>Within the 2nd level: this will be an h3</h3>
<h4>Within the 3rd level: this will be an h4</h4>
<h3>Again within the 2nd level: this will be an h3</h3>

Sponsors


👩‍💻 Development

npm install
npx turbo dev
npx turbo test
npx turbo build

Readme

Keywords

none

Package Sidebar

Install

npm i uberschrift

Weekly Downloads

19

Version

1.1.13

License

UNLICENSED

Unpacked Size

8.39 kB

Total Files

9

Last publish

Collaborators

  • moritzjacobs