Heading @astryx-svelte/core v0.3.0 · Text

Usage

Semantic heading component that renders h1-h6 elements with themed styling, themed sizing via type scale tokens, and line-clamp truncation. 
ts
 
import { Text } from '@astryx-svelte/core';

Examples

Common configurations, variations, and states.
Heading — Card Grid
Responsive card grid with truncated headings and descriptions for uniform layout
Heading — Page Hierarchy
Real-world page layout demonstrating heading levels h1 through h3 with supporting text
Heading — Truncation
Single-line and multi-line heading truncation with ellipsis for constrained layouts