LoadingBar

A thin indeterminate loading bar meant to ride the top edge of a relative container (it positions itself absolute inset-x-0 top-0). Non-blocking: it overlays the container’s top border so existing content stays visible while a refetch or navigation is in flight, instead of a spinner that hides the view. Pass className to tune corners/offset (e.g. rounded-t-md inside a rounded card). Purely decorative — announce busy state with aria-busy on the host.

Source

Import

import { LoadingBar } from "@flanksource/clicky-ui/components";

Demos

Inline · Open in Storybook

Sizes · Open in Storybook

Centered · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

This component has no documented props.