Examples

Headings

h1 to h6 render the matching heading element.

Dashboard

Projects

Billing and invoices

Team members

Notification settings

API keys

website/Examples/DataDisplay/TypographyHeadingsExample.razor Source

Body and small text

Subtitles, body, button, caption and overline.

Release notes · v2.4

Shipped to production over three days in February.

Built by the platform team, reviewed by security.

The audit log records every change to projects, members and billing, so admins can answer "who did this?" without opening a support ticket.

Available on Pro and Enterprise plans. Logs are kept for 90 days.

Open audit log

website/Examples/DataDisplay/TypographyTextExample.razor Source

Colors

Color uses daisyUI text colours.

Primary

Secondary

Accent

Success

Warning

Error

website/Examples/DataDisplay/TypographyColorsExample.razor Source

Playground

Monthly revenue report

ChildContent

Typo Typo

Color Color

<Typography Typo="Typo.h3">Monthly revenue report</Typography>

API

<Typography>

DaisyBlazor

Parameters

Align string
= null
Text alignment: left/start, center, right/end or justify (case-insensitive); anything else adds no class.
Color Color
= Color.Inherit
Text color class (e.g. text-primary); defaults to Inherit.
Look Typo?
= null
Text style when it should differ from the element's (an h1 that looks like an h4); null takes the style of Typo.
Typo Typo
= Typo.body1
Text style; picks the element (h1–h6 or p) and its typography classes. Defaults to body1.
Class string
= null
Extra CSS classes added to the rendered element.
Style string
= null
Inline styles applied to the rendered element.

Name	Type	Default	Description
Align	string	null	Text alignment: left/start, center, right/end or justify (case-insensitive); anything else adds no class.
Color	Color	Color.Inherit	Text color class (e.g. text-primary); defaults to Inherit.
Look	Typo?	null	Text style when it should differ from the element's (an h1 that looks like an h4); null takes the style of Typo.
Typo	Typo	Typo.body1	Text style; picks the element (h1–h6 or p) and its typography classes. Defaults to body1.
Class	string	null	Extra CSS classes added to the rendered element.
Style	string	null	Inline styles applied to the rendered element.

Content

ChildContent RenderFragment
The text content.

Name	Type	Description
ChildContent	RenderFragment	The text content.

From MudText

Typography keeps MudText's parameter names, so most markup moves over by dropping the Mud prefix. See the migration guide for the shared enums, icons and services.

MudText becomes Typography; Typo and Color keep their values.

Typography

Audit log for every workspace