TitleActionBar

TitleActionBar Component

The TitleActionBar component is a customizable UI component that displays a title and optional child content within a styled bar.

Parameters

  • Title (required, string): The main title text displayed within the action bar.

  • ChildContent (optional, RenderFragment): Additional content rendered on the right side of the action bar.

Example Usage

<TitleActionBar Title="Dashboard">
    <button class="btn">Action 1</button>
    <button class="btn">Action 2</button>
</TitleActionBar>

Layout

The component is styled with a responsive flex layout, providing space between the title and child content while maintaining a sticky position at the top of the page.

Last updated

Was this helpful?