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.

    OverviewProperties

    Import​

    import { TitleBar } from '@dynatrace/strato-components-preview/layouts';

    Use cases​

    The TitleBar component provides five different slots for layouting the TitleBar content. We recommend using the Title slot for displaying a title. All other slots are optional.

    CodeSandbox

    Use all TitleBar slots​

    We recommend using the following content for each of the TitleBar slots:

    • Navigation: Breadcrumbs
    • Title: String or Heading. If a string is provided the recommended styles are applied automatically.
    • Subtitle: String or Text. If a string is provided the recommended styles are applied automatically.
    • Prefix: Image, Icon or an Icon Button
    • Suffix: One or multiple Buttons
    • Action: Icon Button, e.g. for a closing action
    CodeSandbox
    Still have questions?
    Find answers in the Dynatrace Community