text-headings

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/text-headings.tsx
import { Text } from "@/components/retroui/Text";

export default function TextHeadings() {
  return (
    <div className="space-y-4">
      <Text as="h1">This is H1</Text>
      <Text as="h2">This is H2</Text>
      <Text as="h3">This is H3</Text>
      <Text as="h4">This is H4</Text>
      <Text as="h5">This is H5</Text>
      <Text as="h6">This is H6</Text>
    </div>
  );
}

Installation

npx shadcn@latest add @retroui/text-headings

Usage

import { TextHeadings } from "@/components/text-headings"
<TextHeadings />