加载
加载组件用于向商家指示页面正在加载或正在处理上传。
用于指示页面正在加载。
进口{框架,加载}从“@shopify /北极星”;进口反应从“反应”;函数LoadingExample(){返回(<div风格={{高度:“100 px”}}><框架><加载/></框架></div>);}
道具
想要帮助完善这个功能吗?请分享你的反馈.
接口
LoadingProps
所需的组件
加载组件必须包装在框架组件。
最佳实践
加载组件应该:
- 指示所请求的页面正在加载。
- 表示上传已经开始,操作将很快完成。OB欧宝娱乐APP
- 用于为整个页面加载或页面更改(如保存产品)提供反馈。
- 与包含的组件或页面元素一起使用
aria-busy
来表示加载的内容。
相关的组件
可访问性
加载组件是使用ARIA 1.1进度条模式.它输出一个ARIA角色= " progressbar "
并使用aria-valuemin
,aria-value-max
,aria-valuenow
将加载的百分比传递给屏幕阅读器用户。