Dev Design Library

Message

Role-aware chat message (data-role) rendering string or ContentPart[] — markdown text, image thumbnails with a fullscreen dialog, and file download chips from local bytes — with contained/flat variants and an inter-message Checkpoint savepo.

Message preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/conversation/message
Files
  • apps/ui/registry/localmode/conversation/message/message.tsx
  • apps/ui/registry/localmode/conversation/lib/markdown.tsx
  • apps/ui/registry/localmode/lib/utils.ts
  • apps/ui/src/lib/browser-utils.ts
  • apps/ui/registry/localmode/ui/avatar.tsx
  • apps/ui/registry/localmode/ui/button.tsx
  • apps/ui/registry/localmode/ui/dialog.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode