Skip to content
@spuxx/jslibs

App Bar

The App Bar is a component that can be used to display content and actions related to the current screen.

Interfaces

AppBarProps

Defined in: app-bar.types.ts:8

The AppBar component properties.

Extends

  • unknown<JSX.HTMLAttributes<HTMLElement>>.unknown

Properties

center?

optional center: Element

Defined in: app-bar.types.ts:26

The center content of the app bar.

left?

optional left: Element

Defined in: app-bar.types.ts:22

The left-side content of the app bar.

position?

optional position: "top" | "bottom"

Defined in: app-bar.types.ts:13

The position of the app bar.

Default
'top';

optional right: Element

Defined in: app-bar.types.ts:30

The right-side content of the app bar.

tag?

optional tag: "header" | "banner" | "nav" | "aside" | "footer"

Defined in: app-bar.types.ts:18

The tag to use for the app bar.

Default
'header';

Variables

AppBar

const AppBar: Component<AppBarProps> & object

Defined in: app-bar.component.tsx:34

A flexibile app bar component that can be used to display content and actions related to the current screen.

Type declaration

Section

Section: Component<ParentProps>

Param

AppBarProps

Returns

The app bar component.

Example

<AppBar>
  <AppBar.Section>Left content</AppBar.Section>
  <AppBar.Section>Center content</AppBar.Section>
  <AppBar.Section>Right content</AppBar.Section>
</AppBar>