DrawerItem
Component
Represents the KendoReact Drawer component.
Definition
Package:@progress/kendo-react-layout
Syntax:
jsx
const App = () => {
const [stateVisible, setStateVisible] = React.useState(true);
const handleClick = () => { setStateVisible(prevState => !prevState); };
return (
<Drawer expanded={stateVisible} mode={'push'}>
<DrawerNavigation>
<DrawerItem text="Inbox" icon="k-i-inbox" />
<DrawerItem separator={true} />
<DrawerItem text="Notifications" icon="k-i-bell" disabled={true}/>
<DrawerItem text="Calendar" icon="k-i-calendar"/>
<DrawerItem separator={true} />
<DrawerItem text="Attachments" icon="k-i-hyperlink-email" selected={true}/>
<DrawerItem text="Favourites" icon="k-i-star"/>
</DrawerNavigation>
<DrawerContent><Button onClick={handleClick}>Toggle the drawer state</Button></DrawerContent>
</Drawer>
);
};
Properties
props
Omit<DrawerItemProps, "ref"> intersected with RefAttributes<null | DrawerItemHandle>
The props of the DrawerItem component.