Composites · Application UI
Message thread
Messaging thread pane, contact header, scrollable in/out bubbles with delivery ticks, reaction chips, and an empty state when no conversation is selected. Reads/acts through comms-store.
@byronwade/foundation@byronwade/utils@byronwade/comms-store@byronwade/gradient-avatar@byronwade/empty-state@phosphor-icons/react
Feature showcase
Installation
Features
1 example
Default.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @byronwade/comms-store | registry | Installed through the byronwade/ui registry. |
| @byronwade/gradient-avatar | registry | Installed through the byronwade/ui registry. |
| @byronwade/empty-state | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/message-thread.tsx |
| Default example | content/examples/message-thread/default.tsx |