Splash

Renders a full-page spinner. You can pass anything that can be rendered as children. The common scenario is to pass the app logo (will be rendered above the spinner).

Usage

import { Splash } from '@binarycapsule/ui-capsules';

Demo

View source on GitHub

Knobs 🎛

showSpinner

variant

splash

children

<Splash
  showSpinner
  variant="splash"
>
  {children}
</Splash>

Props

Name	Description
variant	"splash" \| "spinner"(Default: "splash") If you want to render a Splash screen, pass the variant "splash". If a full page spinner is what you needed, pass "spinner" instead.
showSpinner	boolean(Default: true) If true, this component renders a spinner (has no effect if the variant is "spinner").
children	node(Default: undefined) The text or element to render above the spinner.