Dev Design Library

Storage Meter

Shows origin/IndexedDB storage usage against quota as a meter, with a warning state past a configurable threshold and a graceful unavailable state (estimates are approximate and blocked in Safari private mode). Bind to useStorageQuota (defa.

Storage Meter preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/local-first/storage-meter
Files
  • apps/ui/registry/localmode/local-first/storage-meter/storage-meter.tsx
  • apps/ui/src/lib/browser-utils.ts
  • apps/ui/src/lib/use-environment.ts
  • apps/ui/registry/localmode/lib/utils.ts
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode