Title

Last updated: 2.0.0 (21/01/2024)

Built on the Text component, the Title is a markdown-compatible and semantically accurate header/title component.

Usage

import { Title } from "@valence-ui/core";

function MyComponent() { 
    return ( 
        <Title>
            I'm a **markdown-compatible** title!
        </Title>
    )
}

Header order

The order prop controls which header element the title becomes (h1-h6). This defaults to 1, thus making it a h1 by default.

import { Title } from "@valence-ui/core";

function MyComponent() { 
    return ( 
        <Title
            order={2}
        >
            I'm a **markdown-compatible** title!
        </Title>
    )
}

---

Props

Extends TextProps.

Property	Type	Description
order	1 | 2 | 3 | 4 | 5 | 6	Sets the order of the title.