AppBarProps

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

Name	Type	Default	Description
children?	any		Represents the child elements that are passed to the AppBar. jsx <AppBar> <div>Custom Content</div> </AppBar>
className?	string		Sets additional CSS classes to the AppBar. jsx <AppBar className="custom-class" />
id?	string		Sets the id property of the root AppBar element. jsx <AppBar id="appbar1" />
position?	AppBarPosition	top	Specifies the AppBar position (see example). The possible values are: 'top' (Default) 'bottom' jsx <AppBar position="bottom" />
positionMode?	AppBarPositionMode	static	Specifies the AppBar position mode (see example). The possible values are: 'static' (Default) 'sticky' 'fixed' jsx <AppBar positionMode="sticky" />
style?	React.CSSProperties		Sets additional CSS styles to the AppBar. jsx <AppBar style={{ backgroundColor: 'blue' }} />
themeColor?	AppBarThemeColor	light	Specifies the AppBar theme color (see example). The possible values are: light (Default) 'primary' 'secondary' 'tertiary' 'info' 'success' 'warning' 'error' 'dark' 'inherit' 'inverse' jsx <AppBar themeColor="primary" />