스낵바 (Snackbar)

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

사용법

기본 스낵바는 방금 발생한 기능에 주목하도록 만드는데 유용합니다.


API

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

요소를 절대 위치 시킴

이름
auto-height
디폴트
false
타입
boolean
이름
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)

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