N
Nyxis
Chat

MessageActions

Hover-revealed copy / regenerate / edit / delete / fork / share row.

Preview

The fiscal year ends on March 31. Quarterly reports are due within ten business days.

Installation

pnpm add nyxis-ui

Usage

import { MessageActions } from 'nyxis-ui';

<MessageActions
  text={message.content}
  actions={['copy', 'regenerate', 'fork']}
  onRegenerate={() => regenerate(message.id)}
  onFork={() => forkAt(message.id)}
/>;

Actions

copy · regenerate · edit · delete · fork · share — pass any subset via the actions prop. copy is wired to navigator.clipboard automatically.

Variants

  • ghost — flat icon row, designed to live inside <ChatMessage>’s footer.
  • panel — solid floating card, useful as a popover-attached affordance.