New to KendoReactStart a free 30-day trial

DrawerItem

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.

In this article
DefinitionPropertiesprops
Not finding the help you need?
Contact Support