Dev Design Library

Lock Status Badge

A compact session-lock indicator accepting a status of locked, unlocked, or no-vault, with distinct iconography per state and an accessible text label (never color alone). Purely presentational — holds no key material. Pairs with the status.

Lock Status Badge preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/security-privacy/lock-status-badge
Files
  • apps/ui/registry/localmode/security-privacy/lock-status-badge/lock-status-badge.tsx
  • apps/ui/registry/localmode/lib/utils.ts
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode