Staging baradmin
Sticky bottom bar for pending changes with count, save, discard, saving and error states and an unknown-changes warning.
설치
pnpm
pnpm dlx shadcn@4.23.0 add @uikit/staging-barDefault
staging-bar-demo.tsx
"use client";
import * as React from "react";import { StagingBar } from "@/components/ui/staging-bar";
export default function StagingBarDemo() { const [count, setCount] = React.useState(3); return ( <StagingBar count={count} onSave={() => new Promise<void>((resolve) => setTimeout(resolve, 400)).then(() => setCount(0))} onDiscard={() => setCount(0)} /> );}