GitHub

Tutorial Panel

KRDS tutorial panel block with guided sheet, carousel/dialog fallback, progress, and step indicator.

단계형 과업 안내와 진행률, 중단 확인 흐름을 제공하는 온보딩 패널입니다. shadcn-compatible registry install 흐름을 유지하면서 KRDS page/service composition을 미리보고 소스 파일을 확인할 수 있습니다.

Tutorial Panel

KRDS tutorial panel block with guided sheet, carousel/dialog fallback, progress, and step indicator.

Open block page

설치

pnpm dlx shadcn@latest add https://krdscn.gwlee.kr/r/tutorial-panel.json

사용 메모

  • Preview 탭에서 desktop/tablet/mobile 폭을 바꿔 반응형 구성을 확인합니다.
  • Code 탭의 file tree는 레지스트리 블록 파일과 필요한 UI dependency source를 함께 보여줍니다.
  • 블록은 서비스 화면 composition이므로 primitive API를 대체하지 않고 필요한 component들을 조합합니다.