• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStripupdated
      • Stepper
      • TileLayout
      • Timeline
      • Globalization
      • API
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

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'