Conversation

pro

Conversation keeps a growing entry stream anchored to its latest item until a reader deliberately scrolls away.

Entry 1

Project brief saved.

Entry 2

Jordan added a new research link.

Entry 3

Review notes are ready for the next pass.

Entry 4

Two open tasks were assigned to the design team.

Entry 5

The staging deployment completed successfully.

Entry 6

The activity feed now includes file changes.

Entry 7

A new comment was added to the timeline.

Entry 8

The weekly report is available for review.

Installation

Add this component with the NateUI CLI.

npx nateui@latest add Conversation

pnpm dlx nateui@latest add Conversation

yarn dlx nateui@latest add Conversation

Configuration updated.

A member joined the workspace.

The latest sync completed.

The status changed to ready.

Prop	Description	Type	Default
`children`	Entries to render, plus an optional direct `Conversation.ScrollButton` child.	`ReactNode`	â€”
`className`	Classes merged with the full-height conversation root.	`string`	â€”
`...divProps`	Standard `<div>` attributes forwarded to the conversation root.	`ComponentProps<'div'>`	â€”

Prop	Description	Type	Default
`aria-label`	Accessible name for the return-to-latest control.	`string`	`'Scroll to bottom'`
`className`	Classes merged with the positioned circular button.	`string`	â€”
`disabled`	Prevents the control from scrolling.	`boolean`	`false`
`...buttonProps`	Standard `<button>` attributes forwarded to the control.	`ComponentProps<'button'>`	â€”