TYPOGRAPHY

Type scale components for headings, body text, and code display.

PREVIEW

All systems nominal. Awaiting further instructions from command.

Last updated: 2077-03-15 04:22 UTC

npm install @scificn/ui

BASH

npx shadcn@latest add @scificn/typography

TSX

import { Typography } from '@scificn/ui'

export function Example() {
  return (
    <Typography variant="H1">SYSTEM ONLINE</Typography>
  )
}

LEAD

The quick brown fox

MUTED

The quick brown fox

CODEThe quick brown fox

PROP	TYPE	DEFAULT	DESCRIPTION
variant	"H1" \| "H2" \| "H3" \| "H4" \| "P" \| "LEAD" \| "MUTED" \| "CODE"	"P"	Typography style variant.
as	string	—	Override the rendered HTML element.
className	string	—	Additional CSS classes.