ComponentsCore
Heading
A semantic heading component that renders the appropriate HTML heading level with consistent typography and styling.
Example
level
Usage
Installation
Install following dependencies:
npm install react-aria-components tw-animate-css tailwindcss-react-aria-components class-variance-authority lucide-react clsx tailwind-merge motionAdd cn helper using clsx and twMerge for conditional class merging in Tailwind components.
TypeScript
JavaScript
Copy and paste the following code into your project.
TypeScript
JavaScript
npx @libravelui@latest add headingAnatomy
import { Heading } from "@/components/ui/core/heading";<Heading size={1}>Sphinx of black quartz, judge my vow.</Heading>
<Heading size={2}>Sphinx of black quartz, judge my vow.</Heading>
<Heading size={3}>Sphinx of black quartz, judge my vow.</Heading>
<Heading size={4}>Sphinx of black quartz, judge my vow.</Heading>Props
Loading types…