At a glanceCopy Anchor Link

• Who: Developers writing kit pages with consistent type.
• What: Heading levels and Text variants with theme-aware styles.
• Use when: For every heading and paragraph in kit UI.
• Avoid when: For raw HTML emails or markdown — style those separately.
• See also: Stack content and group titled sections

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Heading, Text } from "@zedtech/zedkit-ui";
<Heading level={1}>Page title</Heading>
<Heading level={2} as="div">Styled as h2, neutral tag</Heading>
<Text>Body copy.</Text>
<Text variant="muted">Secondary copy.</Text>

Wraps: class-variance-authority (styles follow the documented shadcn typography recipes; no registry item exists)

PropsCopy Anchor Link