layout
Section
セマンティックな <section> ラッパー。最大幅のプリセットと縦パディングを制御でき、コンテンツを中央揃えで配置。
インポート
import { Section } from '@stella-ds/react'Props
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'full' | 'lg' | Max-width preset |
| padding | 'sm' | 'md' | 'lg' | 'none' | 'md' | Vertical padding |
| asChild | boolean | false | Radix Slot pattern |
使用例
Basic
<Section size="lg" padding="lg">
<Heading level={2}>Features</Heading>
<Text>Explore what Stella UI offers.</Text>
</Section>