콘텐츠로 이동
SOPO
Design System
검색
Ctrl
K
취소
Foundation
Components
GitHub
테마 선택
어두운 테마
밝은 테마
자동
시작하기
소개
설치와 사용
파운데이션
색상
타이포그래피
간격과 반경
모션
테마
컴포넌트
컴포넌트
Button
Input
Textarea
Select
Checkbox
Chip
FollowButton
Avatar
Badge
Card
Pill
Tag
SectionCard
PanelWidget
StatCard
Empty
Skeleton
Tooltip
Modal
Drawer
AlertDialog
AlertProvider
Tabs
아이콘
아이콘 갤러리
가이드
디자인 원칙
접근성
GitHub
테마 선택
어두운 테마
밝은 테마
자동
Card
실제 컴포넌트
Card states
경계선과 여백으로 콘텐츠의 위계를 만드는 기본 카드입니다.
클릭 가능한 카드에만 hover 움직임을 사용합니다.
기본 카드는 그림자보다 1px 경계선을 사용합니다. 클릭 가능한 카드에만
interactive
를 적용하며, 카드 안에 둥근 카드를 반복해서 중첩하지 않습니다.