{"id":13422042,"url":"https://github.com/alexnault/react-headings","last_synced_at":"2026-02-24T02:30:27.299Z","repository":{"id":38174163,"uuid":"325851560","full_name":"alexnault/react-headings","owner":"alexnault","description":"⚛ Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO.","archived":false,"fork":false,"pushed_at":"2025-09-12T13:18:35.000Z","size":2111,"stargazers_count":84,"open_issues_count":5,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-27T16:46:06.792Z","etag":null,"topics":["a11y","accessibility","h1","heading","headings","react","seo","wcag"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-headings","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexnault.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-31T18:10:28.000Z","updated_at":"2025-07-26T08:03:27.000Z","dependencies_parsed_at":"2024-01-30T03:47:41.998Z","dependency_job_id":"950b2665-9ead-4b12-8bc9-c50b6d585d9b","html_url":"https://github.com/alexnault/react-headings","commit_stats":{"total_commits":109,"total_committers":3,"mean_commits":"36.333333333333336","dds":0.07339449541284404,"last_synced_commit":"3bfe7b02f52bc9f6c25d4ce26c76c4f99c7a20fa"},"previous_names":[],"tags_count":70,"template":false,"template_full_name":null,"purl":"pkg:github/alexnault/react-headings","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexnault%2Freact-headings","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexnault%2Freact-headings/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexnault%2Freact-headings/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexnault%2Freact-headings/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexnault","download_url":"https://codeload.github.com/alexnault/react-headings/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexnault%2Freact-headings/sbom","scorecard":{"id":182247,"data":{"date":"2025-08-11","repo":{"name":"github.com/alexnault/react-headings","commit":"5ab92f31c77769335d6323ada1dbb1d897750dcc"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.9,"checks":[{"name":"Code-Review","score":0,"reason":"Found 1/14 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Pinned-Dependencies","score":4,"reason":"dependency not pinned by hash detected -- score normalized to 4","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-and-publish.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci-and-publish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-and-publish.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci-and-publish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-and-publish.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci-and-publish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-and-publish.yml:32: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci-and-publish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/ci.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/codeql-analysis.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/codeql-analysis.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/codeql-analysis.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/stale.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/alexnault/react-headings/stale.yml/master?enable=pin","Info:   0 out of  11 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   2 third-party GitHubAction dependencies pinned","Info:   3 out of   3 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql-analysis.yml:17","Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql-analysis.yml:18","Warn: no topLevel permission defined: .github/workflows/ci-and-publish.yml:1","Warn: no topLevel permission defined: .github/workflows/ci.yml:1","Warn: no topLevel permission defined: .github/workflows/codeql-analysis.yml:1","Warn: no topLevel permission defined: .github/workflows/stale.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Packaging","score":10,"reason":"packaging workflow detected","details":["Info: Project packages its releases by way of GitHub Actions.: .github/workflows/ci-and-publish.yml:27"],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"SAST","score":7,"reason":"SAST tool detected but not run on all commits","details":["Info: SAST configuration detected: CodeQL","Warn: 0 commits out of 30 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"20 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q","Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38","Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-4q6p-r6v2-jvc5","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-x574-m823-4x7w","Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8","Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x","Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4","Warn: Project is vulnerable to: GHSA-859w-5945-r5v3"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-16T19:04:37.346Z","repository_id":38174163,"created_at":"2025-08-16T19:04:37.347Z","updated_at":"2025-08-16T19:04:37.347Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29769176,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-24T01:40:24.820Z","status":"online","status_checked_at":"2026-02-24T02:00:07.497Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["a11y","accessibility","h1","heading","headings","react","seo","wcag"],"created_at":"2024-07-30T23:00:35.983Z","updated_at":"2026-02-24T02:30:27.280Z","avatar_url":"https://github.com/alexnault.png","language":"TypeScript","funding_links":[],"categories":["UI Components"],"sub_categories":["Miscellaneous"],"readme":"![React Headings Logo](https://github.com/alexnault/react-headings/raw/master/assets/react-headings.png)\n\n# React Headings\n\n\u003cp\u003e\n  \u003ca aria-label=\"Build check\" href=\"https://github.com/alexnault/react-headings/actions\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/github/actions/workflow/status/alexnault/react-headings/ci-and-publish.yml?branch=master\u0026style=for-the-badge\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"NPM version\" href=\"https://www.npmjs.com/package/react-headings\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/npm/v/react-headings?style=for-the-badge\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"Size\" href=\"https://bundlephobia.com/package/react-headings\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/bundlephobia/minzip/react-headings?style=for-the-badge\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"Monthly downloads\" href=\"https://www.npmjs.com/package/react-headings\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/npm/dm/react-headings?style=for-the-badge\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e Never worry about using the wrong heading level (`h1`, `h2`, etc.) in complex React apps!\n\nReact-headings maintains the proper hierarchy of headings for improved accessibility and SEO, no matter the component structure, while you keep full control of what's rendered.\n\nReferences:\n\n- [WCAG 2.0 technique H69](https://www.w3.org/TR/WCAG20-TECHS/H69.html)\n- [Lighthouse SEO heading order audit](https://web.dev/heading-order/)\n\n## Table of contents\n\n- [Demos](#demos)\n- [Highlights](#highlights)\n- [Installation](#installation)\n- [Examples](#examples)\n- [API](#api)\n- [Changelog](#changelog)\n- [Contributing](#contributing)\n\n## Demos\n\n- [Minimal](https://codesandbox.io/s/react-headings-minimal-4temt?file=/src/Demo.js)\n- [Custom component](https://codesandbox.io/s/react-headings-custom-component-l4bjb?file=/src/Demo.js)\n- [Advanced structure](https://codesandbox.io/s/react-headings-advanced-structure-uxk4p?file=/src/Demo.js)\n\n## Highlights\n\n- Improves SEO and accessibility\n- Supports server-side rendering\n- Under 1 kB minified \u0026 gzipped\n- Typed with TypeScript\n- Fully tested\n- Works with any CSS solutions (Tailwind, CSS-in-JS, etc.)\n- Plays nicely with component libraries (Material UI, etc.)\n- Follows [semantic versioning](https://semver.org/)\n\n## Installation\n\n```bash\nnpm install react-headings\n```\n\n## Examples\n\n### Basic usage\n\n```jsx\nimport React from \"react\";\nimport { H, Section } from \"react-headings\";\n\nfunction App() {\n  return (\n    \u003cSection component={\u003cH\u003eMy hx\u003c/H\u003e}\u003e\n      \u003cdiv\u003e...\u003c/div\u003e\n      \u003cdiv\u003e...\u003c/div\u003e\n      \u003cdiv\u003e...\u003c/div\u003e\n      \u003cSection component={\u003cH\u003eMy hx+1\u003c/H\u003e}\u003e\n        \u003cdiv\u003e...\u003c/div\u003e\n        \u003cdiv\u003e...\u003c/div\u003e\n        \u003cdiv\u003e...\u003c/div\u003e\n      \u003c/Section\u003e\n    \u003c/Section\u003e\n  );\n}\n```\n\n### Advanced structure\n\nChild components inherit the current level of their parent:\n\n```jsx\nimport React from \"react\";\nimport { H, Section } from \"react-headings\";\n\nfunction ParentComponent() {\n  return (\n    \u003cSection component={\u003cH\u003eMy hx\u003c/H\u003e}\u003e\n      \u003cSection component={\u003cH\u003eMy hx+1\u003c/H\u003e}\u003e\n        \u003cSection component={\u003cH\u003eMy hx+2\u003c/H\u003e}\u003e\n          \u003cChildComponent /\u003e\n        \u003c/Section\u003e\n      \u003c/Section\u003e\n    \u003c/Section\u003e\n  );\n}\n\nfunction ChildComponent() {\n  return (\n    \u003cSection component={\u003cH\u003eMy hy\u003c/H\u003e}\u003e\n      {/* The following heading would be a \u003ch5\u003e in the current context */}\n      \u003cSection component={\u003cH\u003eMy hy+1\u003c/H\u003e}\u003e\n        \u003cp\u003e...\u003c/p\u003e\n      \u003c/Section\u003e\n    \u003c/Section\u003e\n  );\n}\n```\n\n### Styling\n\nA heading can be styled like any ordinary `\u003chx\u003e` element since it accepts all the same props:\n\n```jsx\nimport React from \"react\";\nimport { H, Section } from \"react-headings\";\n\nfunction App() {\n  return (\n    \u003cSection component={\u003cH className=\"my-class\"\u003eMy hx\u003c/H\u003e}\u003e\n      ...\n    \u003c/Section\u003e\n  );\n}\n```\n\n### Custom heading\n\nA heading can be as complex as we want:\n\n```jsx\nimport React from \"react\";\nimport { H, Section } from \"react-headings\";\nimport MyIcon from \"./MyIcon\";\n\nfunction App() {\n  return (\n    \u003cSection\n      component={\n        \u003cdiv className=\"my-div\"\u003e\n          \u003cMyIcon className=\"my-icon\" /\u003e\n          \u003cH className=\"my-heading\"\u003eMy hx\u003c/H\u003e\n        \u003c/div\u003e\n      }\n    \u003e\n      \u003cdiv\u003e...\u003c/div\u003e\n      \u003cdiv\u003e...\u003c/div\u003e\n      \u003cdiv\u003e...\u003c/div\u003e\n    \u003c/Section\u003e\n  );\n}\n```\n\n### Using component libraries\n\nLeveraging `Component` and `level` from the context allows the use of component libraries.\nHere's an example with [Material UI](https://material-ui.com/api/typography/):\n\n```jsx\nimport React from \"react\";\nimport { useLevel } from \"react-headings\";\nimport { Typography } from \"@material-ui/core\";\n\nfunction MyHeading(props) {\n  const { Component } = useLevel();\n\n  return \u003cTypography component={Component} {...props} /\u003e;\n}\n```\n\n## API\n\n### `\u003cH\u003e` component\n\nRenders a `\u003ch1\u003e`, `\u003ch2\u003e`, `\u003ch3\u003e`, `\u003ch4\u003e`, `\u003ch5\u003e` or `\u003ch6\u003e` depending on the current level.\n\n#### Props\n\n| Name       | Type       | Required | Description                                                     |\n| ---------- | ---------- | -------- | --------------------------------------------------------------- |\n| `render`   | `function` | No       | Override with a custom heading. Has precedence over `children`. |\n| `children` | `node`     | No       | The content of the heading. Usually the title.                  |\n\nAny other props will be passed to the heading element.\n\n#### Example\n\n```jsx\nimport React from \"react\";\nimport { H } from \"react-headings\";\n\nfunction Example1() {\n  return \u003cH\u003eThis is my title\u003c/H\u003e;\n}\n\nfunction Example2() {\n  return (\n    \u003cH render={({ level, Component }) =\u003e \u003cComponent\u003eMy h{level}\u003c/Component\u003e} /\u003e\n  );\n}\n```\n\n### `\u003cSection\u003e` component\n\nCreates a new section (a heading and its level).\n\n#### Props\n\n| Name        | Type   | Required | Description                                                                     |\n| ----------- | ------ | -------- | ------------------------------------------------------------------------------- |\n| `component` | `node` | Yes      | The heading component. Can be anything but best used in combination with `\u003cH\u003e`. |\n| `children`  | `node` | No       | The content of the new level.                                                   |\n\n#### Example\n\n```jsx\nimport React from \"react\";\nimport { Section, H } from \"react-headings\";\n\nfunction Example1() {\n  return (\n    \u003cSection component={\u003cH\u003eThis is my title\u003c/H\u003e}\u003e\n      This is my content\n    \u003c/Section\u003e\n  );\n}\n\nfunction Example2() {\n  return (\n    \u003cSection\n      component={\n        \u003cdiv\u003e\n          \u003cdiv\u003e\n            \u003cH\u003eThis is my title\u003c/H\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n      }\n    \u003e\n      This is my content\n    \u003c/Section\u003e\n  );\n}\n```\n\n### `useLevel` hook\n\nReturns an object containing the current `level` and current `Component`.\n\n#### Arguments\n\nNone\n\n#### Returns\n\n| Name        | Type                                                     | Description                           |\n| ----------- | -------------------------------------------------------- | ------------------------------------- |\n| `level`     | `1` \\| `2` \\| `3` \\| `4` \\| `5` \\| `6`                   | The current level.                    |\n| `Component` | `\"h1\"` \\| `\"h2\"` \\| `\"h3\"` \\| `\"h4\"` \\| `\"h5\"` \\| `\"h6\"` | The current component. Same as level. |\n\n#### Example\n\n```jsx\nimport React from \"react\";\nimport { useLevel } from \"react-headings\";\n\nfunction Example(props) {\n  const { level, Component } = useLevel();\n\n  return \u003cComponent {...props}\u003eThis is a h{level}\u003c/Component\u003e;\n}\n```\n\n## Changelog\n\nFor a list of changes and releases, see the [changelog](https://github.com/alexnault/react-headings/releases).\n\n## Contributing\n\nFound a bug, have a question or looking to improve react-headings? Open an [issue](https://github.com/alexnault/react-headings/issues/new), start a [discussion](https://github.com/alexnault/react-headings/discussions/new) or submit a [PR](https://github.com/alexnault/react-headings/fork)!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexnault%2Freact-headings","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexnault%2Freact-headings","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexnault%2Freact-headings/lists"}