Skip to content

Feedback

FeedbackForm

Ready-made component, using which you may assemble the form for feedback filling. Assembled using our components, and the react-final-form is responsible for the form validation. The component Form of the library react-final-form, inside which there is the SpinContainer, takes all the properties.

jsx
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm />;
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm />;

FeedbackFormProps

& {...}
NameTypeDescription
onSubmit(values: any, form: any, callback: (errors: {}) => void) => {} | Promise<{}> | void
loadingboolean The property is in charge of the spinner showing
backgroundstring Color of container spinner; you can use your own color
theme"dark" | "invert" | string Spinner theme. There are several default themes or you can use your own color

FeedbackForm.Item

The pre-configured Field component from the react-final-form library. Inside it there is the Tooltip, and you may set the trigger using the property tag or render function.

jsx
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Item />;
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Item />;

FeedbackForm.Success

The pre-configured Box component.

jsx
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Success />;
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Success />;

FeedbackForm.Submit, FeedbackForm.Cancel

The pre-configured Button component.

jsx
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Submit />;
<FeedbackForm.Cancel />;
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Submit />;
<FeedbackForm.Cancel />;

FeedbackForm.Notice

The pre-configured Notice component.

jsx
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Notice />;
import FeedbackForm from 'intergalactic/feedback-form';
<FeedbackForm.Notice />;

FeedbackForm.FeedbackRating

The pre-configured FeedbackForm component for FeedbackRating.

jsx
import FeedbackRating from 'intergalactic/feedback-form';
<FeedbackForm.FeedbackRatingProps />;
import FeedbackRating from 'intergalactic/feedback-form';
<FeedbackForm.FeedbackRatingProps />;

FeedbackRatingProps

& {...}
NameTypeDescription
status"default" | "success" | "error" | "loading" status of form
notificationVisibleboolean flag for show/hide notification
onNotificationClose() => void
notificationTextstring text in notification panel
learnMoreLinkstring optional link in notification panel
ratingnumber rating value
visibleboolean visible modal form flag
onVisibleChange(visible: boolean, rating: number) => void
headerReact.ReactNode header of modal with form
submitTextstring text for submit button of form
formConfig[] config for form fields
initialValuesRecord<string, any> & {rating: number}
errorFeedbackEmailstring
localestring

Released under the MIT License.

Released under the MIT License.