New to KendoReactStart a free 30-day trial

AppBar

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

A Functional Component.

jsx

const App = () => {
  return (
      <AppBar>
          <AppBarSection>
              <span className="k-icon k-i-menu" />
          </AppBarSection>

          <AppBarSpacer style={{ width: 8 }} />

          <AppBarSection>
              <h1 className="title">{tc.text} AppBar</h1>
          </AppBarSection>

          <AppBarSpacer />

          <AppBarSection>
              <BadgeContainer>
                  <span className="k-icon k-i-bell" />
                  <Badge themeColor="info" shape="dot" />
              </BadgeContainer>
          </AppBarSection>
     </AppBar>
  );
};
   ReactDOM.render(<App />, document.querySelector('my-app'));
NameTypeDefaultDescription

props

AppBarProps intersected with RefAttributes<undefined>

The props of the AppBar component.

Not finding the help you need?
Contact Support