Typography
A component for applying consistent typography styles across your application.
Installation
npx shadcn-svelte@latest add http://adv76.github.io/kibo-svelte/r/typography.json
After installing the package, just add the typography class to your content e.g.
<div class="typography"> <h1>Typography</h1> </div>
Features
- Pre-configured typography styles using CSS layers
- Comprehensive prose styling for rich text content
- Support for headings (h1-h6), paragraphs, lists, tables, and more
- Responsive typography with proper spacing and sizing
- Dark mode compatible with CSS variables
- Excludes
.not-typographyelements from styling - Built-in styles for code blocks, blockquotes, and special text classes