s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Messages · Components

MessageDetail

Full message view with type-adaptive sections

Public export

typescript 
import { MessageDetail } from '@happyvertical/smrt-messages/svelte';
Import path
@happyvertical/smrt-messages/svelte
Props
8
Props described
8 of 8
Bindable state
0
Callback events
3
Verified release
0.44.0

Props

NameTypeRequiredDescription
messageMessageDataYesMessage to display in full detail view.
attachmentsAttachmentData[]NoAttachments associated with the message.
accountAccountDataNoAccount that received the message.
showHtmlbooleanNoReads the body from the HTML source, stripped of tags and shown as text.
onreply(message: MessageData) => voidNoCalled when user clicks the reply button.
onforward(message: MessageData) => voidNoCalled when user clicks the forward button.
ondelete(message: MessageData) => voidNoCalled when user clicks the delete button.
typeDetailSnippet<[{ message: MessageData; }]>NoCustom snippet to render type-specific details.

Bindable state

This component has no bindable public state.

Callback events

  • onreply(message: MessageData) => void
  • onforward(message: MessageData) => void
  • ondelete(message: MessageData) => void

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-messages package reference See package status, version, limitations, and all public subpaths.