Layout

General

Data Entry

Data Display

Feedback

LoadingOverlay

LoadingOverlay

Import: import { LoadingOverlay } from '@kubed/components;'

Source: View source code

Docs: Edit this page

npm: @kubed/components

Documentation

Component Props

Basic Usage

The loading status is displayed above the content of the card.

() => (
  <Card style={{ width: '500px', height: '200px' }}>
    <LoadingOverlay visible />
      content
  </Card>
)

1
() => (
2
  <Card style={{ width: '500px', height: '200px' }}>
3
    <LoadingOverlay visible />
4
      content
5
  </Card>
6
)
7