• α堆栈 α
  • 应用提供商
  • 自动完成
  • 《阿凡达》
  • 徽章
  • 横幅
  • 流血 α
  • 盒子 α
  • 按钮
  • 按钮组
  • Callout卡
  • 标题 弃用
  • 复选框
  • 选择列表
  • 可折叠的
  • 颜色选择器
  • α
  • 组合框
  • 上下文保存栏
  • 数据表
  • 日期选择器
  • 描述表
  • 显示文本 弃用
  • 分频器 α
  • 降落区
  • 空的状态
  • 例外列表
  • 过滤器
  • 页脚的帮助
  • 形式
  • 表格布局
  • 框架
  • 全屏酒吧
  • 网格 α
  • 标题 弃用
  • 图标
  • 索引表
  • 内联 α
  • 内联错误
  • 键盘键
  • 布局
  • LegacyCard
  • LegacyStack
  • 链接
  • 列表
  • 列表框
  • 加载
  • 媒体卡
  • 模态
  • 导航
  • 选项列表
  • 页面
  • 页面动作
  • 分页
  • 弹出窗口
  • 进度条
  • 单选按钮
  • 滑块范围
  • 资源项目
  • 资源列表
  • 可滚动
  • 选择
  • 设置切换
  • 弃用
  • 正文正文
  • 骨架显示文本
  • 框架页面
  • 骨架的标签
  • 骨架缩略图
  • 微调控制项
  • 堆栈
  • 副标题 弃用
  • 选项卡
  • 标签
  • 文本 β
  • 文本容器
  • 文本字段
  • 文本样式 弃用
  • 缩略图
  • 烤面包
  • 工具提示
  • 窗口的顶部
  • 视频缩略图
  • 视觉上隐藏 弃用
  • 令牌
  • 图标
  • 贡献
  • 工具
  • 内联

    用于将项目排列在水平行中,项目周围的间距相等。当需要时,项目被换行成多行。

    α

    该组件及其文档正在开发中。在北极星的非主要版本中可能会有突破性的变化。请谨慎使用。

    项目垂直居中,周围有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”

    包装? 布尔

    在小屏幕上,根据需要将堆栈元素包装到额外的行中。

    默认为真正的