섹션 컴포넌트

제목/액션/콘텐츠 레이아웃

일반 설정

콘텐츠 그룹화와 액션 영역을 제공

문서 요약

Section 핵심 사용 가이드

개요

제목/설명/액션/본문으로 구성된 카드형 섹션입니다.

HTML 구조

<div class="dewp-section">
  <div class="dewp-section-header">
    <div class="dewp-section-title-area">
      <h3 class="dewp-section-title">제목</h3>
      <p class="dewp-section-description">설명</p>
    </div>
    <div class="dewp-section-actions">...</div>
  </div>
  <div class="dewp-section-content">...</div>
</div>

베스트 프랙티스

  • 섹션 헤더에는 핵심 액션만 배치
  • 본문은 입력/표 등과 자연스럽게 결합