# Drawer Selection

The Drawer lets the user select an item. You can also pre-select a desired item. You can use this highlighted item to load/generate content, or to denote the current page.

To use the item selection, use set the `SelectedItem` parameter. It allows two-way binding (`@bind-SelectedItem`) and one-way binding + [SelectedItemChanged](https://www.telerik.com/blazor-ui/documentation/components/drawer/events#selecteditemchanged) event.

The `SelectedItem` is of the same type as the Drawer data model.

If you use the drawer for [page navigation](https://www.telerik.com/blazor-ui/documentation/components/drawer/navigation), the selected item will remain highlighted as long as the drawer does not get disposed - meaning, it must be outside of the `@Body`.

> caption Use tho way data binding for the SelectedItem.

<demo metaUrl="client/drawer/selection/selection-1/" height="420"></demo>

## See Also

* [Drawer Events](https://www.telerik.com/blazor-ui/documentation/components/drawer/events)
* [Drawer Navigation](https://www.telerik.com/blazor-ui/documentation/components/drawer/navigation)
* [Drawer Demos](https://demos.telerik.com/blazor-ui/drawer/overview)