布局

已上架

布局组件，源码位于 components/ui/layout.tsx。以下示例为组件库源码的构建期真实渲染。

样式变体

StackStack

标题

内容

操作

InlineInline

GridGrid

A

B

C

状态变体

默认间距Default gap

默认 gap=3

12px spacing token

紧凑Dense

紧凑一

紧凑二

宽松Relaxed

宽松一

宽松二

形态变体

ClusterCluster

TokenPrimitivePatternTemplate

SpacerSpacer

左侧

四列Four columns

列 1

列 2

列 3

列 4