System Notice Banner

An in-conversation info/warning banner (not a message bubble) for local-first state changes: offline/online, model switch, capability-unavailable, WebGPU->WASM fallback, cache eviction, or download-required. Data source: useNetworkStatus /.

Library

LocalMode

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn add @localmode/ui/ui/conversation/system-notice-banner

Files

• apps/ui/registry/localmode/conversation/system-notice-banner/system-notice-banner.tsx
• apps/ui/registry/localmode/lib/utils.ts
• apps/ui/registry/localmode/ui/button.tsx

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• Alert Components
• React Alert Components
• Tailwind CSS Alert Components
• Banner Components
• React Banner Components
• Tailwind CSS Banner Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components

More from LocalMode

• Embedding Drift Banner
• Error Alert
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel
• Synced Transcript Viewer
• Transcribed Note Card
• Voice Button