아이템
아이템 (Item)
이미지, 헤더, 메타데이터, 설명, 등급 등의 콘텐츠를 표시하는 뷰 컴포넌트예요. 목록형 콘텐츠를 구조화해 보여 줄 때 사용해요.
출처: 문서
본문
유형 (Types)
아이템 (Items)
Flexbox
아이템 그룹이에요.
Header
Description
Additional Details
Header
Description
Additional Details
콘텐츠 (Content)
이미지 (Image)
아이템은 이미지를 포함할 수 있어요.
콘텐츠 (Content)
아이템은 콘텐츠를 포함할 수 있어요.
Content A
Content B
Content C
헤더 (Header)
아이템은 헤더를 포함할 수 있어요.
12 Years a Slave
My Neighbor Totoro
Watchmen
메타데이터 (Metadata)
아이템은 콘텐츠 메타데이터를 포함할 수 있어요.
Arrowhead Valley Camp
$1200
1 Month
Buck's Homebrew Stayaway
$1000
2 Weeks
Astrology Camp
$1600
6 Weeks
링크 (Link)
아이템은 이미지, 헤더 또는 콘텐츠 안에 링크를 포함할 수 있어요.
To make the entire content of an item link, check out the link variation below
Stevie Feliciano
Veronika Ossi
Jenny Hess
아이템 전체 콘텐츠를 링크로 만들려면 아래의 link 변형을 확인하세요.
설명 (Description)
아이템은 단일 또는 여러 문단의 설명을 포함할 수 있어요.
Cute Dog
추가 콘텐츠 (Extra Content)
아이템은 메인 콘텐츠와 별도로 형식을 지정하려는 추가 콘텐츠를 포함할 수 있어요.
Cute Dog
121 Votes
등급 (Rating)
아이템은 'like'나 'favorite' 액션을 의미하는 아이콘을 포함할 수 있어요.
Veronika Ossi
Justen Kitsune
상태 (States)
비활성화 (Disabled)
아이템을 비활성화할 수 있어요.
Veronika Ossi
변형 (Variations)
스태킹 (Stacking)
아이템이 반응형으로 어떻게 쌓일지 지정할 수 있어요.
Header
Description
Additional Details
Header
Description
Additional Details
구분됨 (Divided)
아이템을 구분해 그룹화된 콘텐츠를 더 잘 구별할 수 있어요.
12 Years a Slave
Union Square 14
IMAX
Additional Languages
My Neighbor Totoro
IFC Cinema
Buy tickets
Limited
Watchmen
IFC
Buy tickets
여유 (Relaxed)
아이템 그룹은 패딩을 완화해 더 많은 여백을 제공할 수 있어요.
12 Years a Slave
My Neighbor Totoro
Watchmen
12 Years a Slave
My Neighbor Totoro
Watchmen
링크 아이템 (Link Item)
아이템 전체 내용이 다른 페이지로 연결되도록 형식 지정할 수 있어요.
Stevie Feliciano
Veronika Ossi
Jenny Hess
세로 정렬 (Vertical Alignment)
콘텐츠의 세로 정렬을 지정할 수 있어요.
Top Aligned
Middle Aligned
Bottom Aligned
플로트 콘텐츠 (Floated Content)
어떤 콘텐츠 요소든 왼쪽이나 오른쪽으로 플로트할 수 있어요.
Content A
Action
Content B
Action
Content C
Action
반전 (Inverted)
아이템을 어두운 배경에 나타나도록 반전할 수 있어요.
Arrowhead Valley Camp
$1200
1 Month
Buck's Homebrew Stayaway
$1000
2 Weeks