스낵바 (Snackbar)

v-snackbar 컴포넌트는 사용자에게 퀵 메시지를 표여주기 위해 사용됩니다. 스낵바는 위치지정, 제거 지연(removal delay), 콜백(callback) 등을 지원합니다.

사용법

The standard snackbar is useful for calling attention to some function that has just happened.

API

v-snackbar
이름
absolute
디폴트
false
타입
boolean

요소를 절대 위치 시킴

이름
auto-height
디폴트
false
타입
boolean

Components.Snackbars.

이름
bottom
디폴트
false
타입
boolean

컴포넌트를 아랫쪽(bottom)으로 정렬

이름
color
디폴트
undefined
타입
string

컨트롤에 색상을 지정

이름
left
디폴트
false
타입
boolean

요소를 왼쪽으로 정렬

이름
multi-line
디폴트
false
타입
boolean

스낵바의 높이를 증가 (mobile)

이름
right
디폴트
false
타입
boolean

요소를 오른쪽으로 정렬

이름
timeout
디폴트
6000
타입
number

스낵바가 자동으로 숨겨질때 까지 걸리는 시간

이름
top
디폴트
false
타입
boolean

요소를 위쪽(top)으로 정렬

이름
value
디폴트
undefined
타입
any

표시여부를 조절 (Controls visibility)

이름
vertical
디폴트
false
타입
boolean

스낵바의 컨탠츠를 세로로 쌓음 (mobile)

예제

문맥 (Contextual)

당신의 구현에 더 적합한 색상을 적용할 수 있습니다.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore