For Enterprise

v-overflow-btn is used to give the user the ability to select items from the list. It has 3 variations: editable, overflow and segmented

v-overflow-btn is used for creating selection lists

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

You can add a counter to v-overflow-btn to control the max char count

v-overflow-btn can be disabled in order to prevent a user from interacting with it

You can use dense prop to reduce overflow button height and lower max height of list items.

editable v-overflow-btn can be directly edited, just as v-text-field

Text fields can be used with an alternative box design. Append and prepend icon props are not supported in this mode.

You can add a hint for the user using the hint property

v-overflow-btn can have loading state with a linear progress bar under them

v-overflow-btn can be put into readonly mode, it'll become inactive but won't change the color

segmented v-overflow-btn has and additional divider between the content and the icon

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!