ShellSection
harness-helper시맨틱 콘텐츠 그룹. 제목, 설명, 액션 슬롯을 갖고 card/none 프레임을 지원합니다.
100%
기본 섹션
frame=none (기본값)
섹션 콘텐츠가 여기에 표시됩니다.
카드 프레임
frame=card로 감싸진 섹션
Card 프레임으로 감싸진 콘텐츠입니다.
ShellSection Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
children* | ReactNode | — | 섹션 콘텐츠 |
title | ReactNode | — | 섹션 제목 |
description | ReactNode | — | 섹션 설명 |
action | ReactNode | — | 헤더 액션 슬롯 |
frame | "none" | "card" | — | 프레임 스타일 (기본 none) |
Import
tsx
import { ShellSection } from "@reopt-ai/opt-shell";