New to KendoReactStart a free 30-day trial

AppBarProps

Interface

Represents the props of the KendoReact AppBar component. Used to display information, actions, branding titles and additional navigation on the current screen.

Definition

Package:@progress/kendo-react-layout

Properties

Represents the child elements that are passed to the AppBar.

Sets additional CSS classes to the AppBar.

id?

string

Sets the id property of the root AppBar element.

Specifies the AppBar position (see example).

  • The possible values are:
  • 'top' (Default)
  • 'bottom'
Default:

top

Specifies the AppBar position mode (see example).

  • The possible values are:
  • 'static' (Default)
  • 'sticky'
  • 'fixed'
Default:

static

style?

CSSProperties

Sets additional CSS styles to the AppBar.

Specifies the AppBar theme color (see example).

  • The possible values are:
  • 'base'
  • 'primary'
  • 'secondary'
  • 'tertiary'
  • 'inverse'
Default:

undefined (theme-controlled)