Docs

Playground

GitHub

DocsNavigation

AppBar

Ver código-fonte

1 min de leitura

The top bar of a screen: title, leading action, trailing actions, and a raised state once the content scrolls.

using eQuantic.UI.Components;

STATES

Caixa de entrada

at rest

Caixa de entrada

Scrolled

Usage

new AppBar("Statements")

{

Leading = new IconButton(Icons.ArrowLeft, "Back", onPressed: Nav.Pop),

Scrolled = _offset > 0,

}

API

Prop

Type

Default

Description

Title

string

—

The current screen. Truncates with an ellipsis, never wraps.

Leading

VisualNode?

null

Back, close, or the drawer button.

Scrolled

bool

false

Raises the bar so it separates from the content beneath it.

States

State

Rendering

At rest

Flat

Scrolled

Shadow or bottom hairline

Accessibility

•

The title is the screen heading; name the leading action for what it does — "Back to Accounts".

When to use

•

Every screen with a title or a way back.

Avoid

•

More than three trailing actions.

•

A title that repeats the tab label right below it.

NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/AppBar.cs.

ANTERIORTabs

PRÓXIMABottomNavigation

NESTA PÁGINA