Coach Mark

KRDS coach mark block with popover/dialog guidance and step indicator state.

특정 UI 지점에 연결된 짧은 안내와 전체 단계 보기를 제공하는 coach mark 패턴입니다. shadcn-compatible registry install 흐름을 유지하면서 KRDS page/service composition을 미리보고 소스 파일을 확인할 수 있습니다.

Coach Mark

KRDS coach mark block with popover/dialog guidance and step indicator state.

설치

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

사용 메모

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

Tutorial Panel Disclosure