Skip to main content

TitleBar

    The TitleBar component can be used for a consistent layout for section titles and provides layout slots for interactive and navigational elements.

    TitleBarProps

    extends, , , ,
    NameTypeDefaultDescription
    showDivider?
    true

    Whether a divider is displayed after the TitleBar component.

    TitleBar.Navigation​

    TitleBarNavigationProps

    extends,
    NameTypeDefaultDescription
    children

    Elements to be displayed in the TitleBar Navigation slot.

    TitleBar.Action​

    TitleBarActionProps

    extends,
    NameTypeDefaultDescription
    children

    Elements to be displayed in the TitleBar Action slot.

    TitleBar.Prefix​

    TitleBarPrefixProps

    extends,
    NameTypeDefaultDescription
    children

    Elements to be displayed in the TitleBar Prefix slot.

    TitleBar.Suffix​

    TitleBarSuffixProps

    extends,
    NameTypeDefaultDescription
    children

    Elements to be displayed in the TitleBar Suffix slot.

    TitleBar.Subtitle​

    TitleBarSubtitleProps

    extends,
    NameTypeDefaultDescription
    children

    Elements to be displayed in the TitleBar Subtitle slot.

    TitleBar.Title​

    TitleBarTitleProps

    extends,
    NameTypeDefaultDescription
    children

    Elements to be displayed in the TitleBar Title slot.

    as?
    | | | | |
    'h2'

    The semantic HTML heading element rendered by TitleBar.Title. Use this to fit the TitleBar into your page's document outline.

    level?
    1 | 2 | 3 | 4 | 5 | 6
    3

    The visual heading size. Corresponds to the heading scale defined in the design system.

    Still have questions?
    Find answers in the Dynatrace Community