Skip to content

Components · Conversation

Message scroller

The scrolling column of a conversation: it keeps the latest message in view and offers a way back when you read up.

Terminal
npx shadcn add @fineliner/message-scroller

Following the latest message

Monday 2 November
MS
Maya Singh
Could you keep Neon Orchard for me until Thursday? I’d like to hear it in the listening room before I buy it.
MS
Maya Singh
neon-orchard-sleeve.jpgPhoto · 1.8 MB
LR
Listening Room
Neon Orchard is already held for you until closing on Thursday. Room 1 is free at 16:00 on Thursday 5 November. Shall I book it for an hour?
MS
Maya Singh
Yes please. Can Ama come too?
Lars Holm joined
LH
Lars Holm
Hi Maya, Lars here. The sofa seats three, so bring Ama. I’ll put Rain on Tin by the platter for her.
New
MS
Maya Singh
Perfect, thank you.
2 more to come

Reading from the top

Monday 2 November
MS
Maya Singh
Could you keep Neon Orchard for me until Thursday? I’d like to hear it in the listening room before I buy it.
MS
Maya Singh
neon-orchard-sleeve.jpgPhoto · 1.8 MB
LR
Listening Room
Neon Orchard is already held for you until closing on Thursday. Room 1 is free at 16:00 on Thursday 5 November. Shall I book it for an hour?
MS
Maya Singh
Yes please. Can Ama come too?
Lars Holm joined
LH
Lars Holm
Hi Maya, Lars here. The sofa seats three, so bring Ama. I’ll put Rain on Tin by the platter for her.
New
MS
Maya Singh
Perfect, thank you.
LH
Lars Holm
Booked: room 1, Thursday 5 November, 16:00 to 17:00, for two.
MS
Maya Singh
See you on Thursday.