Feedback Modal
A simple but elegant modal to get user feedback/suggestions.
Examples
Implementation of feedback modal
Implementation of feedback modal with custom styles
You can customize the content of the feedback modal by your own styles.
Click me in Light mode
Installation
npx shadcn@latest add "https://aetherui.in/c/feedback-modal.json"
Component Props
You can customize the content of the feedback modal by passing the following props to the component.
Default Feedback Modal Props
| Prop | Type | Default | Description |
|---|---|---|---|
| customId | string | A unique identifier for the feedback modal. | |
| title | string (Optional) | Feedback | Title to be displayed in the feedback modal. |
| className | string | Additional class names to be applied to the feedback modal. | |
| callback | function (Optional) | Callback function to be called when the submit button is clicked. |
Feedback Modal Props
| Prop | Type | Default | Description |
|---|---|---|---|
| customId | string | A unique identifier for the feedback modal. | |
| title | string (Optional) | Feedback | Title to be displayed in the feedback modal. |
| className | string | Additional class names to be applied to the feedback modal. | |
| callback | function (Optional) | Callback function to be called when the submit button is clicked. | |
| children | ReactNode (Optional) | Content to be displayed inside the feedback modal. | |
| ...props | any | Additional props to be passed to the feedback modal. |
Feedback Modal Content Props
| Prop | Type | Default | Description |
|---|---|---|---|
| textClassName | string | Additional class names to be applied to the text area. | |
| className | string | Additional class names to be applied to the feedback modal content. | |
| children | ReactNode (Optional) | Content to be displayed inside the feedback modal content. | |
| ...props | any | Additional props to be passed to the feedback modal content. |
Credits
Credit for this component goes to Emil Kowalski for the original idea and implementation.