ZTitle

Title/heading component

Example

Page Title

Import

import { ZTitle } from "zurto-ui";

Usage

import { ZTitle } from "zurto-ui";

function Example() {
  return (
    <>
      <ZTitle level={1}>Main Title</ZTitle>
      <ZTitle level={2} color="muted">
        Subtitle text here
      </ZTitle>
    </>
  );
}

Props

| Prop | Type | Default | Description | | ------- | ---------- | ------- | ----------- | ----------- | ---------- | --- | --- | ------------- | | level | 1 | 2 | 3 | 4 | 5 | 6 | 1 | Heading level | | color | 'default' | 'muted' | 'primary' | 'default' | Text color |

Accessibility

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