Components · Disclosure

Show more

긴 텍스트를 줄이고 토글로 펼침. mask로 자연스러운 페이드아웃. JS 토글 필요.

Preview

함께만드는세상 AI 부트캠프는 실무자를 위한 8주 과정입니다. 도구 사용법보다 *일하는 방식의 변화*에 집중합니다. 1기부터 4기까지 누적 428명의 수료생이 있으며, 완주율은 94%입니다. 기수마다 참여자의 직무·관심사를 반영해 8주차 중 3주는 트랙별로 분기합니다.

Usage

<div class="show-more-wrap" data-collapsed="true">
  <div class="show-more-body">
    <p class="t-body">긴 본문...</p>
  </div>
  <button class="show-more-toggle">더 보기 →</button>
</div>
<!-- 토글 JS: data-collapsed를 'true'/'false'로 전환 -->

Rules

DO

  • 접힌 상태에서 너무 짧지 않게 (3~5줄 유지).

DON'T

  • FAQ 같은 항목 다수 패턴엔 Accordion 사용.