outline
서버 컴포넌트에서 렌더링한 카드
배경·테두리·여백이 테마를 따라가요.
서버 컴포넌트 페이지
이 페이지는 서버 컴포넌트예요. Typography·Stack·Card·Badge·Divider·Progress·Skeleton 과 아이콘은 서버에서 바로 렌더링되고, Button 처럼 상호작용이 있는 컴포넌트는 클라이언트 경계로 들어가요.
아이콘 (서버 렌더링)
서버에서 넘긴 아이콘을 받는 클라이언트 컴포넌트
서버에서 부르는 함수·값
125만원 · 010-1234-5678 · 2026년 10월 16일 금요일
vars 로 칠한 글자
서버 컴포넌트로 렌더링되는 표시용 컴포넌트
`as` 에 서버에서 정의한 컴포넌트를 넘겼어요.
서버에서 그린 진행률
Badge
primary solidprimary softprimary outline
neutral solidneutral softneutral outline
danger soliddanger softdanger outline
success solidsuccess softsuccess outline
warning solidwarning softwarning outline
smmdlg배포 완료점검 예정
Table
| 번호 | 고객 | 상태 | 금액 |
|---|---|---|---|
| INV-001 | 김하늘 | 결제 완료 | 125,000원 |
| INV-002 | 이바다 | 대기 | 48,000원 |
| INV-003 | 박구름 | 결제 완료 | 310,000원 |
Link
다음으로 상호작용 페이지회원가입 화면으로를 보거나 GitHub 저장소 (새 창)를 열어 보세요.
Alert
점검 안내
9월 30일 새벽 2시부터 4시까지 서비스 점검이 있어요.
저장 공간이 부족해요
남은 공간이 10% 미만이에요.
결제에 실패했어요
카드 정보를 확인한 뒤 다시 시도해 주세요.
Card
elevated
서버 컴포넌트에서 렌더링한 카드
배경·테두리·여백이 테마를 따라가요.
soft
서버 컴포넌트에서 렌더링한 카드
배경·테두리·여백이 테마를 따라가요.
Divider
프로필
설정
로그아웃
또는
Avatar
JDJD홍JDBUBU