Live CortexUI Surface
This block renders live CortexUI contract metadata in the docs DOM so AI View can inspect real machine-readable elements instead of only code examples.
AI View can now inspect a live status region, form fields, actions, and table entities on every docs page.
| Item | State |
|---|---|
| Search docs | Ready |
| Inspect metadata | Visible in AI View |
Text
A typography primitive for rendering text with semantic HTML.
Purpose
Text ensures the right HTML element is used for each type of text, maintaining semantic correctness while providing a consistent API.
Usage
import { Text } from '@cortexui/primitives';
// Paragraph
<Text>This renders a <p> element.</Text>
// Label
<Text as="label" htmlFor="name-input" size="sm" weight="medium">
Full name
</Text>
// Caption
<Text as="span" size="xs" color="muted">
Last updated 2 minutes ago
</Text>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| as | 'p' | 'span' | 'label' | 'strong' | 'em' | 'p' | HTML element |
| size | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'base' | Font size |
| weight | 'normal' | 'medium' | 'semibold' | 'bold' | 'normal' | Font weight |
| color | 'default' | 'muted' | 'error' | 'success' | 'default' | Text color |
ℹ
Note
Text does not add data-ai-* attributes. If a piece of text is a status indicator, wrap it in StatusBanner instead.