멋
인기
8월 정기 오프라인 밋업 후기 공유해 주세요
01 Components
18개 재사용 컴포넌트를 시그니처 오렌지 + 쿨톤 그레이 팔레트로 렌더링했다
Storybook 매니페스트가 문서화한 18개 컴포넌트를 각각 기본 변형과 최소 한 개 이상의 상태(hover·active·disabled·open)로 보여준다. 브랜드 색은 1차 행동에만 채워 쓰고, 12~24px대 중~대형 반경을 소형 코너와 나란히 섞는다.
ButtonActionButton · IconButton
ActionButton — primary · hover · disabled
IconButton — default · hover · active
LabelBadge · Chip · Tag
Badge — solid · soft · outline
신규
이벤트
커뮤니티
Chip — default · selected
전체
공지
스터디
행사
Tag — default · removable
커뮤니티
온라인
오프라인
SelectionCheckbox · RadioButton · Toggle
Checkbox — unchecked · checked · disabled
RadioButton — unselected · selected
Toggle — off · on
야간 알림
주간 다이제스트
InputTextField · DatePicker
DatePicker — trigger · open
‹2026년 8월›
일월화수목금토
2627282930311
2345678
9101112131415
16171819202122
23242526272829
3031
DropdownSelectBox · SelectHeader · SelectMenu
SelectHeader trigger · SelectMenu open
NavigationTab · Pagination
Tab — segmented, active state
Pagination — current page 2
1
2
3
4
Dialogmodal, default state
게시글을 삭제할까요?
삭제한 게시글은 다시 볼 수 없어요. 커뮤니티 이용 가이드를 확인해 주세요.
FeedbackToast · Tooltip
Toast — transient notice
게시글을 저장했어요
Tooltip — visible on hover
즐겨찾기에 담기
Page mock커뮤니티 홈 — 데스크톱 페이지 레이아웃
아래 내비게이션 메뉴·게시글 카드 제목/설명·조회수·경과 시간은 모두 레이아웃 시연용 더미 데이터이며, 실제 멋쟁이사자처럼 페이지가 아닙니다.
멋쟁이사자처럼
이번 주 인기 게시글
8월 정기 오프라인 밋업 후기 공유해 주세요
참여자들의 생생한 후기와 사진을 모았어요.
이번 주 스터디 모임 안내 게시판이 새로 열렸어요
관심 있는 스터디에 자유롭게 참여해 보세요.
커뮤니티 게시판 이용 가이드가 업데이트됐어요
새로 바뀐 카테고리와 태그 규칙을 확인하세요.
스
이번 주 스터디 모임 안내 게시판이 새로 열렸어요
멋
공지
커뮤니티 게시판 이용 가이드가 업데이트됐어요
게시글을 저장했어요