AppBarSection
Represents the KendoReact AppBarSection component.
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'));
Name | Type | Default | Description |
---|---|---|---|
props |
|
The props of the AppBarSection component. |