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

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

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

텍스트 필드는 대체 박스 디자인과 함께 사용될 수 있습니다. Append 나 prepend 아이콘 prop들은 이 모드를 지원하지 "않습니다".

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 on GitHub!