Components
PageTitle
Section heading with optional icon, custom tag, and tooltip. Consistent typography for page and section headers.
import{ PageTitle }from"oks-ui"
6 heading levelsColor rolesIcon supportTooltipSlot classes
Basic
Renders as an h1 by default. Supports as prop for different levels.
Dashboard
User Profile
Settings
With Icon
Add a leading icon to the heading.
★
Page with Icon
Interactive Playground
Controls
Preview
Dashboard
Generated Code
<PageTitle />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | ReactNode | — | Heading text content. |
| as | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "h1" | HTML heading element. |
| color | "default" | "primary" | "info" | "success" | "warning" | "danger" | "secondary" | "default" | Heading color. |
| icon | ReactNode | — | Leading icon. |
| iconPosition | "start" | "end" | "start" | Icon position relative to title. |
| tooltip | boolean | TooltipProps | — | Show an info tooltip. |
| classNames | { base?: string; title?: string; icon?: string } | — | Slot class overrides. |
title—
ReactNode
Heading text content.
as"h1"
"h1" | "h2" | "h3" | "h4" | "h5" | "h6"
HTML heading element.
color"default"
"default" | "primary" | "info" | "success" | "warning" | "danger" | "secondary"
Heading color.
icon—
ReactNode
Leading icon.
iconPosition"start"
"start" | "end"
Icon position relative to title.
tooltip—
boolean | TooltipProps
Show an info tooltip.
classNames—
{ base?: string; title?: string; icon?: string }
Slot class overrides.