Loading Overlay

An overlay with centered loader.

Source
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet at atque dolorem eos est incidunt iure laudantium magnam, nihil nobis officiis optio quas quia quibusdam quo sequi sunt voluptas. Non? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet at atque dolorem eos est incidunt iure laudantium magnam, nihil nobis officiis optio quas quia quibusdam quo sequi sunt voluptas. Non? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet at atque dolorem eos est incidunt iure laudantium magnam, nihil nobis officiis optio quas quia quibusdam quo sequi sunt voluptas. Non? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet at atque dolorem eos est incidunt iure laudantium magnam, nihil nobis officiis optio quas quia quibusdam quo sequi sunt voluptas. Non?

Installation

npx @rahimstack@latest add loading-overlay

API Reference

const LoadingOverlayAnatomy = defineStyleAnatomy({
    overlay: cva([
        "UI-LoadingOverlay__overlay",
        "absolute bg-[--background]/50 w-full h-full z-10 inset-0 pt-4 flex flex-col items-center justify-center backdrop-blur-sm",
        "!mt-0",
    ]),
})