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

Usage

v-overflow-btn is used for creating selection lists

API

v-overflow-btn

Examples

Counter

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

Disabled

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

Editable

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

Filled

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

Hint

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

Loading

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

You can set underlying v-menu props using menu-props property

Read-only

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

Segmented

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

Edit this page | language on Github