Loading

ラベル付きの中央寄せスピナー。

画面ぶんの読み込み中を示します。role="status" と aria-live="polite" が付くので、スクリーン リーダーにも読み込み中が伝わります。Empty と ErrorState と合わせて、Vantage が足している 3 つの状態表示のひとつです（shadcn/ui にはありません）。

export const client = "only";

import { Loading } from "@squadbase/vantage/ui";

export default function Example() {
  return (
    <div className="w-96 rounded-xl border">
      <Loading label="集計しています…" className="min-h-48" />
    </div>
  );
}

import { Loading } from "@squadbase/vantage/ui";

レイアウトを保ったまま待たせたいときは Skeleton、ボタンの中など 狭い場所には Spinner を使ってください。