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

    加载组件用于向商家指示页面正在加载或正在处理上传。

    用于指示页面正在加载。

    进口框架加载“@shopify /北极星”进口反应“反应”函数LoadingExample返回<div风格高度“100 px”><框架><加载/></框架></div>

    道具

    想要帮助完善这个功能吗?请分享你的反馈

    接口 LoadingProps

    所需的组件

    加载组件必须包装在框架组件。


    最佳实践

    加载组件应该:

    • 指示所请求的页面正在加载。
    • 表示上传已经开始,操作将很快完成。OB欧宝娱乐APP
    • 用于为整个页面加载或页面更改(如保存产品)提供反馈。
    • 与包含的组件或页面元素一起使用aria-busy来表示加载的内容。


    可访问性

    加载组件是使用ARIA 1.1进度条模式.它输出一个ARIA角色= " progressbar "并使用aria-valueminaria-value-max,aria-valuenow将加载的百分比传递给屏幕阅读器用户。