LoadingScreen

Open in Playground

Full-page centered Loader: use it while a whole page (or the app) is loading. It takes the same variant, size, label and description as Loader and shows the fan by default.

It fills the space of its parent, so give it a full-height container; the example below shows it inside a fixed-height box.

Loading

To see it the way your users will, open it as a whole page:

Preview

Opens it on a page of its own, without the docs around it.

Props

  • variantstring
    Default: 'fan'

    Same as Loader.

  • size'sm' | 'md' | 'lg'
    Default: 'md'

    Same as Loader.

  • labelstring
    Default: 'Loading'

    Same as Loader.

  • descriptionstring

    Same as Loader (card variant).

  • iconstring | ReactNode

    Same as Loader.

  • iconMotion'spin' | 'pulse' | 'bounce' | 'none'
    Default: 'spin'

    Same as Loader.