Dev Design Library

Network Badge

A reactive online/offline indicator (NetworkBadge) sourced from useNetworkStatus, plus an OfflineReady badge that signals the app's required model is cached on-device and can run with no network. Because local models keep working offline, o.

Network Badge preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/local-first/network-badge
Files
  • apps/ui/registry/localmode/local-first/network-badge/network-badge.tsx
  • 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