How do I install the Feedback Modal block?

Install the free SDK with `bun add @otfdashkit/ui` (or npm/pnpm) and import { FeedbackModal }. Copy-paste distribution is also supported.

Is the Feedback Modal block free to use?

Yes. Feedback Modal ships in @otfdashkit/ui, part of the free MIT-licensed OTF SDK on npm — use it in personal and commercial projects.

Which platform does this Feedback Modal page cover?

This page documents the web version (@otfdashkit/ui); the OTF SDK's web and native packages share component names and design tokens where a counterpart exists, but props differ per platform.

Feedback Modal

MessagingMIT

View in Storybook

Send-feedback modal with category selector and optional screenshot attachment.

bun add @otfdashkit/ui

Preview

Feedback ModalMessaging

Code

@otfdashkit/ui

import { FeedbackModal } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="max-w-sm border rounded-[var(--radius)] overflow-hidden"><FeedbackModal /></div>
  )
}

Free with the SDK. This block ships in @otfdashkit/ui under the MIT license.

Props

Props declared in the FeedbackModal source. Inherited HTML attributes are not listed.

Prop	Type	Default	Description
className	string
onSubmit	(data: { reaction: string; text: string; }) => void

Preview

Code

Props

Related