‌
‌

Title

Dynamic and responsive titles with control

Quick nav

Anatomy
API Reference
Accessibility

Features

Dynamic HTML tag
Fully customizzable
Responsive text
Decoupled size and semantic
Themes ready

Links

View source Report an issue

Anatomy

import { Title } from "@wonderflow/react-components";

export default () => {
  return <Title>Title</Title>;
};

tsx

API Reference

Property

Type

Default

level

enum

1

lineHeight

enum

small

textAlign

enum

start

maxWidth

string

responsive

boolean

true

as

enum

span

Accessibility

The Title component is rendered as span by default. Make sure to define the correct heading tag when semantic is required to make the content navigable and accessible with AT.

Read more about how to manage headings and accessibility.