Component

Feedback Dialog

A feedback form dialog with trigger button and submit callback. Uses the headless @refraction-ui/feedback-dialog core.

Examples

Click the button to open the feedback form.

Installation

$pnpm add @refraction-ui/react-feedback-dialog

Usage

tsx

import { FeedbackDialog, FeedbackButton } from '@refraction-ui/react-feedback-dialog'

export function MyComponent() {
  return (
    <FeedbackDialog onSubmit={(data) => console.log(data)}>
      <FeedbackButton>Send Feedback</FeedbackButton>
    </FeedbackDialog>
  )
}

Props

Prop	Type	Default	Description
`onSubmit`	`(data: FeedbackData) => void`	--	Callback with feedback data on submit.
`children`	`ReactNode`	--	FeedbackButton trigger element.