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

Chat · Components

ChatLayout

Discord/Slack-style chat layout with sidebar

Public export

typescript 
import { ChatLayout } from '@happyvertical/smrt-chat/svelte';
Import path
@happyvertical/smrt-chat/svelte
Props
6
Props described
6 of 6
Bindable state
0
Callback events
2
Verified release
0.44.0

Props

NameTypeRequiredDescription
roomsChatRoomData[]YesAvailable chat rooms
currentRoomIdstringNoCurrently selected room ID
currentProfileIdstringYesCurrent user's profile ID
onselectroom(roomId: string) => voidYesCallback when a room is selected
oncreateroom() => voidNoCallback to open the create-room affordance in the room list
childrenSnippetYesMain content slot

Bindable state

This component has no bindable public state.

Callback events

  • onselectroom(roomId: string) => void
  • oncreateroom() => void

Examples and explanation

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