Foundations · Text
SSR NativeAccessibleText
Applies Cetha typography roles while preserving semantic element choice.
Heading one
Heading two
Body text stays compact and readable.
Supporting context remains quiet.
Astro
---
import { Text } from '@charvesta/cetha';
---
<Text as="h2" variant="heading1">Workspace settings</Text>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
as | 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'label' | 'p' | Rendered HTML element. |
variant | 'body' | 'caption' | 'heading1' | 'heading2' | 'heading3' | 'body' | Visual typography role. |
class | string | — | Additional classes forwarded to the rendered element. |
Accessibility
Keep semantic heading levels sequential even when using a different visual variant.