Display Items at the Bottom of the Drawer

Updated on Jan 30, 2026

Environment

Product Version	13.2.0
Product	Progress® KendoReact Layout

Description

How can I display certain items at the bottom of the Drawer component while keeping other items at the top? I want to create a layout where navigation items are at the top and settings or user profile items are positioned at the bottom.

Solution

Use the style property on individual Drawer items to position them at the bottom. By applying position: 'absolute' along with a bottom value and setting the width: '100%', you can anchor specific items to the bottom of the Drawer.

The key steps are:

1. Add a style property to the items you want to position at the bottom
2. Set position: 'absolute' to take the item out of the normal flow
3. Use bottom to specify the distance from the bottom of the Drawer
4. Set width: '100%' to ensure the item spans the full width

Following is an example demonstrating this approach:

Change Theme

Theme

Loading ...