内联
用于将项目排列在水平行中,项目周围的间距相等。当需要时,项目被换行成多行。
α
该组件及其文档正在开发中。在北极星的非主要版本中可能会有突破性的变化。请谨慎使用。
项目垂直居中,周围有16px的空间。当需要时,它们会被包装成多行。
进口反应从“反应”;进口{内联}从“@shopify /北极星”;函数InlineExample(){返回(<内联><占位符宽度=“106 px”高度=“36 px”/><占位符宽度=“106 px”高度=“20 px”/><占位符宽度=“106 px”高度=“20 px”/><占位符宽度=“106 px”高度=“20 px”/><占位符宽度=“106 px”高度=“20 px”/><占位符宽度=“106 px”高度=“20 px”/></内联>);}常量占位符=({高度=“汽车”,宽度=“汽车”})=>{返回(<div风格={{背景:“# 7 b47f1”,高度:高度,宽度:宽度,}}/>);};
道具
想要帮助完善这个功能吗?请分享你的反馈.
接口
InlineProps
- 孩子们? 反应.ReactNode
- 对齐? “OB欧宝娱乐APP开始”|“中心”|“结束”|“空间”|“间距”|“space-evenly”
-
儿童水平排列。
默认为“OB欧宝娱乐APP开始”.
- blockAlign? “OB欧宝娱乐APP开始”|“中心”|“结束”|“基线”|“拉伸”
-
儿童垂直排列。
默认为“中心”.
- 差距? T| {[断点在BreakpointsAlias] ?:T;}<SpacingSpaceScale>
-
元素之间的间距。接受不同屏幕大小的间隔令牌或间隔令牌对象。
默认为“4”.
- 包装? 布尔
-
在小屏幕上,根据需要将堆栈元素包装到额外的行中。
默认为真正的.
相关的组件
- 要垂直显示元素,使用AlphaStack组件