Skip to content
OTF Kit logoOTF Kit

Loading Overlay

Feedback

Full-area blocking spinner overlay for async views — drop-in for any container.

View in Storybook
Loading Overlay
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Loading Overlay from @otfdashkit/ui.

Code
// Loading Overlay — Full-area blocking spinner overlay for async views — drop-in for any container.
//
// Install:
//   bun add @otfdashkit/ui

import { LoadingOverlay } from '@otfdashkit/ui'

export function Example() {
  return (
    <LoadingOverlay>
      {/* your content */}
    </LoadingOverlay>
  )
}

Props

Props declared in the LoadingOverlay source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
loadingrequiredboolean
childrenReactNode
classNamestring
fullPageboolean
textstring

Related