ZText

Body text component

Example

Styled text

Import

import { ZText } from "zurto-ui";

Usage

import { ZText } from "zurto-ui";

function Example() {
  return (
    <>
      <ZText>This is regular body text.</ZText>
      <ZText size="sm" color="muted">
        Smaller muted text.
      </ZText>
    </>
  );
}

Props

| Prop | Type | Default | Description | | -------- | --------- | -------- | ----------- | ------- | ---------- | ----------- | --------- | | size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Text size | | weight | 'normal' | 'medium' | 'semibold' | 'bold' | 'normal' | Font weight | | color | string | - | Text color |

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management