Static UIStatic UI Docs
HomeComponentsBlocksTemplatesThemesShowcaseStorybookGitHub

Getting Started

  • Introduction
  • Installation
  • Theming
  • CLI

Components

AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonCalendarCardCarouselCheckboxCollapsibleContext MenuDialogDrawerDropdown MenuHover CardInputInput GroupInput OTPKbdLabelNumber FieldPaginationPopoverProgressRadio GroupScroll AreaSelectSeparatorSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography

Blocks

  • Overview
  • Dashboard 01
  • Dashboard 02
  • Login 01
  • Login 02
  • Pricing 01
  • Pricing 02
  • Hero 01
  • Hero 02
  • Feature 01
  • Feature 02

Templates

  • Overview
  • Marketing
  • Dashboard
  • Auth

Themes

  • Overview
  • Green
  • Blue
  • Zinc
  • Slate
  • Gaming
  • Cyberpunk
  • Modern

Showcase

  • Showcase

Developers

  • Architecture
  • Monorepo Structure
  • Development Workflow
  • Contributing
  • Testing
  • Release Process
  • Commit Conventions
  • Versioning
  • CI/CD
  • Project Health

Getting Started

  • Introduction
  • Installation
  • Theming
  • CLI

Components

AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonCalendarCardCarouselCheckboxCollapsibleContext MenuDialogDrawerDropdown MenuHover CardInputInput GroupInput OTPKbdLabelNumber FieldPaginationPopoverProgressRadio GroupScroll AreaSelectSeparatorSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography

Blocks

  • Overview
  • Dashboard 01
  • Dashboard 02
  • Login 01
  • Login 02
  • Pricing 01
  • Pricing 02
  • Hero 01
  • Hero 02
  • Feature 01
  • Feature 02

Templates

  • Overview
  • Marketing
  • Dashboard
  • Auth

Themes

  • Overview
  • Green
  • Blue
  • Zinc
  • Slate
  • Gaming
  • Cyberpunk
  • Modern

Showcase

  • Showcase

Developers

  • Architecture
  • Monorepo Structure
  • Development Workflow
  • Contributing
  • Testing
  • Release Process
  • Commit Conventions
  • Versioning
  • CI/CD
  • Project Health

Navigation

TooltipBlocks

Component Info

CategoryTypography
StatusStable
FrameworkReact

Package

@static-ui/ui

Contribute

  • Report an issue
  • GitHubRequest a feature
  • Edit this page

Resources

  • Storybook
  • GitHub
  • Documentation
  1. Docs
  2. Components
  3. Typography

Typography

Typography

A set of styled text elements for consistent typographic hierarchy throughout the application.

Loading component...

Installation

Run the following command to add this component to your project:

$pnpm dlx static-ui add typography

Import

Import the component directly from the package:

import { Typography } from "@static-ui/ui"

API Reference

Common props available for this component:

PropTypeDescription
classNamestringAdditional CSS classes to apply.

Accessibility

Uses semantic heading elements (`h1`-`h6`) and paragraph tags for proper document outline.