---
title: Resizing
page_title: Resizing - ToolBar - Kendo UI for Vue
description: "Inbuilt automatic hiding and showing of items in the Kendo UI ToolBar wrapper for Vue."
slug: resizing_toolbar_toolbar_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/buttons/toolbar/"
position: 4
---

<div><WrapperBanner link="/kendo-vue-ui/components/buttons/toolbar"></WrapperBanner></div>

# Resizing

The ToolBar enables you to automatically show or hide items based on the available space.

To manage the behavior of the items that will be rendered in the drop-down list, set their `overflow` option.

The available `overflow` values are:
* (Default) `auto`
* `always`&mdash;Always renders the item in the drop-down list.
* `never`

The following example demonstrates how show or hide the ToolBar items on resizing.

{% meta height:350 %}
{% embed_file toolbar/resizing/main.vue preview %}
{% embed_file toolbar/resizing/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI ToolBar for jQuery](https://docs.telerik.com/kendo-ui/controls/navigation/toolbar/overview)
* [API Reference of the ToolBar Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar)