그리드 리스트 (Grid list)

그리드 리스트는 아이템들 사이에 여백을 넣을 수 있도록 도와주는 v-container를 위한 애드온입니다.

사용법

그리드 리스트는 더 유연한 여백 기능을 쓸 수 있도록 v-container 컴포넌트를 확장합니다. xs 에서 xl 까지 5가지 변형이 있으며 동적으로 변환됩니다.


API

v-container
이름
align-baseline
디폴트
false
타입
Boolean
이름
align-center
디폴트
false
타입
Boolean
이름
align-content-center
디폴트
false
타입
Boolean
이름
align-content-end
디폴트
false
타입
Boolean
이름
align-content-space-around
디폴트
false
타입
Boolean
이름
align-content-space-between
디폴트
false
타입
Boolean
이름
align-content-start
디폴트
false
타입
Boolean
이름
align-end
디폴트
false
타입
Boolean
이름
align-start
디폴트
false
타입
Boolean
이름
d-{type}
디폴트
false
타입
Boolean
이름
fill-height
디폴트
false
타입
Boolean
이름
fluid
디폴트
false
타입
Boolean
이름
grid-list-{xs through xl}
디폴트
false
타입
Boolean
이름
id
디폴트
undefined
타입
string

컴포넌트의 DOM 아이디를 설정

이름
justify-center
디폴트
false
타입
Boolean
이름
justify-end
디폴트
false
타입
Boolean
이름
justify-space-around
디폴트
false
타입
Boolean
이름
justify-space-between
디폴트
false
타입
Boolean
이름
justify-start
디폴트
false
타입
Boolean
이름
tag
디폴트
div
타입
String

컴포넌트 태그를 커스텀 태그로

예제

그리드 리스트 (Grid lists)

그리드 리스트는 놀라운 인터페이스를 만들 수 있도록 현재 그리드 구현과 함께 연속적으로(seamlessly) 작동합니다.