Disclosure

보조 정보나 상세 내용을 접고 펼칠 수 있는 공개/숨김 컴포넌트입니다.

신청인의 연락처, 첨부파일, 수령 방법을 확인한 뒤 제출하세요. 제출 후에는 접수 기관에서 보완 요청을 보낼 수 있습니다.

examples/krds/disclosure-demo.tsx

import {
  Disclosure,
  DisclosureContent,

설치

pnpm dlx shadcn@latest add https://krdscn.gwlee.kr/r/disclosure.json

사용법

import { Disclosure, DisclosureContent, DisclosureHeader, DisclosureTrigger } from "@/components/ui/disclosure"

<Disclosure defaultOpen>
  <DisclosureHeader>
    <DisclosureTrigger>제출 전 확인사항</DisclosureTrigger>
  </DisclosureHeader>
  <DisclosureContent>첨부파일과 연락처를 다시 확인한 뒤 제출하세요.</DisclosureContent>
</Disclosure>

KRDS 정렬

Disclosure는 별도 primitive가 아니라 shadcn Collapsible 기반 alias입니다. 신규 구현은 Collapsible API를 우선 유지하고, KRDS 공개/숨김 의미를 문서화해야 할 때 이 wrapper를 사용합니다.

구성

다음 조합으로 Disclosure를 사용할 수 있습니다.

Disclosure
├── DisclosureHeader
├── DisclosureTrigger
├── DisclosureContent

예제

Basic

보조 정보나 상세 내용을 접고 펼칠 수 있는 공개/숨김 컴포넌트입니다.

신청인의 연락처, 첨부파일, 수령 방법을 확인한 뒤 제출하세요. 제출 후에는 접수 기관에서 보완 요청을 보낼 수 있습니다.

examples/krds/disclosure-demo.tsx

import {
  Disclosure,
  DisclosureContent,

API 참조

속성	타입	기본값	설명
`defaultOpen`	`boolean`	`-`	초기 펼침 상태
`open / onOpenChange`	`Radix Collapsible props`	`-`	제어형 공개 상태

Coach Mark Contextual Help