Section Props

名称	类型	默认值	说明
variant	'section' | 'transparent' | 'muted'	'section'	背景。section 用表面色，muted 用弱化底，transparent 不铺底。
padding	SpacingStep	4	四边内边距。0 表示内容贴边。
paddingInline	SpacingStep	-	行向内边距，覆盖这一轴上的 padding。
paddingInlineStart	SpacingStep	-	行起始边内边距，只覆盖这一边。物理方向随书写方向翻转。
paddingInlineEnd	SpacingStep	-	行结束边内边距，只覆盖这一边。
paddingBlock	SpacingStep	-	块向内边距，覆盖这一轴上的 padding。
paddingBlockStart	SpacingStep	-	块起始边内边距，只覆盖这一边。
paddingBlockEnd	SpacingStep	-	块结束边内边距，只覆盖这一边。
dividers	Array<'top' | 'bottom' | 'start' | 'end'>	-	哪些边画 1px 分隔线。start 和 end 随书写方向翻转。
width	number | string	-	宽度。数字按像素处理，字符串原样使用。
height	number | string	-	高度。数字按像素处理，字符串原样使用。
maxWidth	number | string	-	最大宽度。数字按像素处理，字符串原样使用。
minHeight	number | string	-	最小高度。数字按像素处理，字符串原样使用。

SpacingStep 的取值是 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10。

插槽

名称	说明
default	区块里的内容。

原生属性

Section 的根元素是 <div>。

以下内容落到这个元素上：

• HTML 属性。
• aria-* 属性。
• data-* 属性。
• class。
• style。

class 会合并。内层元素写 data-variant，并为每一条请求的边写 data-divider-*。