Queued Stack

Reorder, remove, and send messages from a compact queue.

Playground

TSX

import { Queued Stack } from '@rtzll/reflow'

Public props for the Reflow implementation. Native controls also accept their standard HTML attributes and Remix event mixes.

Prop	Type	Default	Description
`messages`*	`readonly QueuedMessage[]`	`—`	Queued messages in display and send order.
`onOrderChange`*	`(ids: string[]) => void`	`—`	Receives queued message identifiers in the new order.
`onSend`*	`(id: string) => void \| Promise<void>`	`—`	Receives the identifier to send. Return a promise to keep the send operation pending.
`onRemove`	`((id: string) => void)`	`—`	Called with the identifier of a removed queued message.
`onEdit`	`((id: string) => void)`	`—`	Receives the message identifier when Enter or a double click requests editing.
`label`	`string`	`Queued messages`	Accessible name of the queued-message list.
`transitionMessages`	`boolean`	`—`	Animates a queued message into its matching sent-message bubble when view transitions are supported.

Prop	Type	Default	Description
`id`*	`string`	`—`	Stable identifier for reordering, editing, sending, and transitions.
`content`*	`RemixNode`	`—`	Content displayed in this queued-message row.