action-button컴포넌트
활성 계약 44개를 모두 렌더링합니다. 좁은 화면에서는 카드가 한 열로 접히고, 시트와 내비게이션은 모바일 배치를 그대로 사용합니다.
액션
floating-action-buttoncontextual-floating-buttonreaction-buttonchip입력
fieldtext-input원
input-buttonattachment-inputcheckboxradio결제 수단
switchsegmented-controlselect-box배송 방법
slider오버레이
alert-dialogbottom-sheetmenu-sheet선택: 없음
menu선택: 없음
side-panelhelp-bubblesnackbar피드백
callout안전 거래를 위해 확인하세요
직거래 시에는 공개된 장소에서 만나는 것이 좋습니다.
page-bannerprogress-circleskeletonresult-section아직 등록한 상품이 없어요
첫 상품을 올리고 이웃과 거래를 시작해 보세요.
표시
avatar김
김이박
badge판매중예약중거래완료
notification-badge새 알림이 있습니다읽지 않은 메시지 12개
tag-group- 서울 강남구
- 3분 전
- 조회 128
manner-temp36.5°C48.2°C
image-frame1/5
content-placeholderidentity-placeholderdivider위쪽 내용아래쪽 내용
scroll-fog스크롤이 더 남아 있음을 알려주는 그라디언트입니다.
내용이 계속 이어집니다.
마지막 줄입니다.
구조와 내비게이션
tabs판매 중인 상품 12개
accordionlist최근 주문
- 당근 케이크2026년 7월 20일배송 완료
- 아메리카노 원두2026년 7월 18일준비 중
top-navigationbottom-navigationside-navigationfooter