Storybook 컴포넌트 데모

실제 동작하는 컴포넌트를 직접 확인하고 테스트해보세요.

페이지 렌더러

Notion 페이지 블록을 React 컴포넌트로 렌더링합니다.

카드 그리드 형태로 데이터베이스를 표시합니다.

페이지네이션이 적용된 카드 뷰입니다.

썸네일과 함께 세로로 나열되는 형태입니다.

엑셀처럼 행/열로 데이터를 표시합니다.

다크 모드 커스텀 테마가 적용된 카드 뷰입니다.

더 많은 옵션과 인터랙티브한 컨트롤을 사용하려면 전체 Storybook을 열어보세요.

Storybook 열기 →

tip

Storybook에서는 각 컴포넌트의 props를 실시간으로 변경하며 테스트할 수 있습니다.