컴포넌트 갤러리
리스트 레이아웃
쉬움
•레이아웃Preview
선택 가능한 리스트
KC
김철수
개발자
LY
이영희
디자이너
PM
박민수
PM
JS
정수진
마케터
알림 리스트
새 메시지가 도착했습니다
5분 전회의 일정이 변경되었습니다
1시간 전프로젝트가 승인되었습니다
3시간 전새 팀원이 합류했습니다
어제상세 정보 리스트
이메일
example@email.com
전화번호
010-1234-5678
주소
서울시 강남구 테헤란로 123
영업시간
09:00 - 18:00
소셜 피드 리스트
사용자 1
1시간 전
오늘 새로운 프로젝트를 시작했습니다! 기대되네요 🎉
사용자 2
2시간 전
오늘 새로운 프로젝트를 시작했습니다! 기대되네요 🎉
컴팩트 리스트
항목 A
항목 B
항목 C
항목 D
항목 E
프롬프트
프롬프트 팁
- •divide-y로 아이템 구분선
- •flex items-center로 가로 정렬
- •조건부 bg 색상으로 선택 상태
- •gap과 space-y로 간격 조절
Tags
#list
#layout
#selection
#feed
#items