Components/Text

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Foundations · Text

SSR NativeAccessible

Text

Applies Cetha typography roles while preserving semantic element choice.

Live previewv0.1.4

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

PropTypeDefaultDescription
as'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'label''p'Rendered HTML element.
variant'body' | 'caption' | 'heading1' | 'heading2' | 'heading3''body'Visual typography role.
classstringAdditional classes forwarded to the rendered element.

Accessibility

Keep semantic heading levels sequential even when using a different visual variant.