Usage

Structure

  • Title
    • Assets
    • Actions
    • Text
    • Subtext
    • Pills

Props

Title and its subcomponents do not have props expect Title.Assets, they work as slots to build a layout with. They do allow passing refs and DOM props, though.

Title.Assets

NameTypeRequiredDefaultDescription
alignment
"auto" | "center" | "baseline" | "stretch" | "flex-end" | "flex-start"
false

Alias for align-self css property.

since

11.26.0

Components

Title

Container component, only Title subcomponents should be passed as children.

Title.Assets

Only img or Avatar components should be passed as children.

Title.Actions

Action-type components (e.g. Button, Dropdown, DropdownFlyout, LinkButton) should be passed as children.

Title.Text

Expects H1, H2, H3, Link or Typography components as children.

Title.Subtext

Expects as string or a Typography component as children.

Title.Pills

Expects Pill components as children.

Demo