Typography

A reusable component for typography.

this is more of a boilerplate component for typography. you can start with this and then customize it to your needs.

Installation

pnpm dlx shadcn@latest add https://mhl5.vercel.app/r/Typography.json

Usage

import { Typography } from "@/components/ui/Typography";

<Typography>Hello World</Typography>
<Typography variant="h1">h1</Typography>
<Typography variant="h2" effect="muted">h2</Typography>
<Typography variant="h3">h3</Typography>
<Typography variant="h4">h4</Typography>
<Typography variant="h5">h5</Typography>
<Typography variant="h6">h6</Typography>
<Typography variant="p">p</Typography>