Storybook 컴포넌트 데모
실제 동작하는 컴포넌트를 직접 확인하고 테스트해보세요.
페이지 렌더러
Notion 페이지 블록을 React 컴포넌트로 렌더링합니다.
보드 카드 레이아웃
카드 그리드 형태로 데이터베이스를 표시합니다.
보드 카드 + 페이지네이션
페이지네이션이 적용된 카드 뷰입니다.
리스트 레이아웃
썸네일과 함께 세로로 나열되는 형태입니다.
테이블 레이아웃
엑셀처럼 행/열로 데이터를 표시합니다.
커스텀 테마
다크 모드 커스텀 테마가 적용된 카드 뷰입니다.
전체 Storybook 보기
더 많은 옵션과 인터랙티브한 컨트롤을 사용하려면 전체 Storybook을 열어보세요.
Storybook 열기 →
tip
Storybook에서는 각 컴포넌트의 props를 실시간으로 변경하며 테스트할 수 있습니다.