New to KendoReactStart a free 30-day trial

AppBarProps

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

NameTypeDefaultDescription

children?

any

Represents the children that are passed to the AppBar.

className?

string

Sets additional CSS classes to the AppBar.

id?

string

Sets the id property of the root AppBar element.

position?

AppBarPosition

Specifies the position of the AppBar (see example).

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

positionMode?

AppBarPositionMode

Specifies the positionMode of the AppBar (see example).

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

style?

React.CSSProperties

Sets additional CSS styles to the AppBar.

themeColor?

AppBarThemeColor

Specifies the theme color of the AppBar (see example).

  • The possible values are:
  • light (Default)
  • 'primary'
  • 'secondary'
  • 'tertiary'
  • 'info'
  • 'success'
  • 'warning'
  • 'error'
  • 'dark'
  • 'inherit'
  • 'inverse'
Not finding the help you need?
Contact Support