Thumb

Card, Box, Thumb UI를 구분하여 사용하세요.

  1. Card: 독립된 정보 단위를 표현하고, 강조나 클릭 등 인터랙션 포함
  2. Box: 단순히 콘텐츠를 담고 구획을 나누는 용도 (기본 컨테이너)
  3. Thumb: 이미지나 미디어 콘텐츠를 대표 썸네일 형태로 보여줄 때 사용
Variants

필요에 따라 .is-outline 클래스를 추가해 테두리를 적용할 수 있습니다.

Default is-outline
Ratio

내부 요소의 크기를 비율대로 조정하기 위해 사용합니다. 부모 너비를 기준으로 사이즈가 잡힙니다????

is-ratio-1x1 is-ratio-4x3
ZoomIn

마우스 오버 시 돋보기 아이콘이 표시되며 클릭 시 모달이 열립니다.