캐러셀 (Carousel)
v-carousel 컴포넌트는 많은 수의 비쥬얼 컨텐츠(visual conents) 를 회전 타이머(rotating timer)를 이용해 보여줍니다.
API
Components.Carousels.
케러솔의 이미지가 순환할 것인지 정합니다.
다크 테마를 적용
아이콘을 케러설 구분자(delimiter)로 지정합니다.
컴포넌트의 높이를 설정
내비게이션 컨트롤러를 숨깁니다
캐러셀 구분자(delimiter)를 숨깁니다.
이미지 순환 시간 간격
라이트 테마를 적용
Components.Carousels.
최대 너비(maximum width)를 설정
Components.Carousels.
컴포넌트 뒤에 아이콘을 덧붙임. v-icon과 같은 문법을 사용
컴포넌트 앞에 아이콘을 추가. v-icon과 같은 문법을 사용
Components.Carousels.
Components.Carousels.
Components.Carousels.
표시여부를 조절 (Controls visibility)
Components.Carousels.
예제
커스텀 트랜지션 (Custom transition)
사용자 커스텀 트랜지션을 적용할 수 있습니다.
커스텀 아이콘
캐러셀의 구분자와 이전/다음 아이콘을 바꿀 수 있습니다.
컨트롤 숨기기 (Hide controls)
하단의 컨트롤을 숨기려면 hide-controls prop 을 사용합니다.(이것도 오타같습니다. 실제론 좌우 전환 컨트롤을 숨깁니다. 델리미터를 숨기는 건 hide-delemiters 입니다.)
Hide delimiters
You can hide the bottom controls with the hide-delimiters prop.