MessageActions

Inline icon-button toolbar attached to chat or feed messages. Compound: MessageActions + MessageActions.Action.

Preview

Usage

import { MessageActions } from '@ramtt/ui'

<MessageActions>
  <MessageActions.Action icon={<ReplyIcon />} label="Reply" onClick={reply} />
  <MessageActions.Action icon={<HeartIcon />} label="Like" active />
</MessageActions>

Props

PropTypeDefaultDescription
children*ReactNodeMessageActions.Action children
classNamestringAdditional Tailwind classes on the toolbar