Templates

The Drawer allows you to use templates to customize its appearance.

To customize the appearance of the items, use one of the following properties of the Drawer:

• navigationHeader—Specifies the contents above the rendered items.
• navigationFooter—Specifies the contents below the rendered items.
• navigationContent—Completely overrides the contents of the Drawer. Allows full customization of its appearance.

Header and Footer Templates

You can add custom content above and under the rendered items of the Drawer by using the navigationHeader and the navigationFooter properties.

Drawer Content Template

To display custom content inside the navigation of the Drawer, use the navigationContent property.

Suggested Links

• API Reference of the DrawerProps
• API Reference of the DrawerItemProps