ShellSpacing

harness-helper

밀도 반응 간격. section/group/element 3단계 간격을 density 정책에 맞춰 적용합니다.

100%

variant="section"

첫 번째 블록

두 번째 블록

세 번째 블록

variant="group"

첫 번째 블록

두 번째 블록

세 번째 블록

variant="element"

첫 번째 블록

두 번째 블록

세 번째 블록

ShellSpacing Props

Prop	타입	기본값	설명
`children`*	`ReactNode`	—	콘텐츠
`variant`	`"section" \| "group" \| "element"`	—	간격 변형 (기본 section)
`density`	`"comfortable" \| "compact"`	—	밀도 오버라이드
`as`	`ElementType`	—	렌더링 요소 (기본 div)

Import

tsx

import { ShellSpacing } from "@reopt-ai/opt-shell";