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 children 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		Specifies the position of the AppBar (see example). The possible values are: 'top' (Default) 'bottom' jsx <AppBar position="bottom" />
positionMode?	AppBarPositionMode		Specifies the positionMode of the AppBar (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		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' jsx <AppBar themeColor="primary" />