v-btn 컴포넌트는 플로팅 액션버튼에 사용됩니다. 이는 어플리케이션에 주요 액션 포인트를 제공합니다. v-speed-dial 컴포넌트와 결합하면 사용자가 사용할 수 있는 기능들을 다양한 그룹으로 만들 수 있습니다.

사용법

Floating action buttons can be attached to material to signify a promoted action in your application. The default size will be used in most cases, whereas the small variant can be used to maintain continuity with similar sized elements.

API

예제

작은 버튼 (Small variant)

더 나은 화면 구성을 위해 리스트 아바타에 맞는 작은 버튼을 사용합니다.

Display animation

When displaying for the first time, a floating action button should animate onto the screen. Here we use the v-fab-transition with v-show. You can also use any custom transition provided by Vuetify or your own.

FAB with speed-dial

The speed-dial component has an very robust api for customizing your FAB experience exactly how you want.

Lateral screens

When changing the default action of your button, it is recommended that you display a transition to signify a change. We do this by binding the key prop to a piece of data that can properly signal a change in action to the Vue transition system. While you can use a custom transition for this, ensure that you set the mode prop to out-in.

Edit this page | language on Github
Vuetify
상점For Enterprise