跳到主要内容

FullScreenLoading

  • 组件说明：全屏阻断式加载指示器，用于关键流程中的等待反馈。
  • 组件组：Progress Indicators
  • Figma 页面：↳ Progress Indicators > Full Screen Loading

基础用法​

结果
Loading...
实时编辑器
render(
  <div style={{ position: 'relative', height: 120, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
    <FullScreenLoading />
  </div>,
)

命名空间用法​

结果
Loading...
实时编辑器
render(<ProgressIndicators.FullScreenLoading />)

FullScreenLoading Props​

属性类型默认值说明
classNamestring—自定义样式类
aria-labelstring'Loading'无障碍标签