New to KendoReact? Start a free 30-day trial

AppBarSection

Component

Represents the KendoReact AppBarSection component.

Definition

Package:@progress/kendo-react-layout

Syntax:

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>
  );
};

Properties

children?

any

Represents the child elements that are passed to the AppBarSection.

className?

string

Sets additional CSS classes to the AppBarSection.

style?

CSSProperties

Sets additional CSS styles to the AppBarSection.

References

ref

AppBarSectionHandle

The AppBarSection ref.