Developer 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
& {...}| Name | Type | Description |
|---|---|---|
| onSubmit | (values: any, form: any, callback: (errors: {}) => void) => {} | Promise<{}> | void | |
| loading | boolean | The property is in charge of the spinner showing |
| background | string | 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
& {...}| Name | Type | Description |
|---|---|---|
| status | "default" | "success" | "error" | "loading" | status of form |
| notificationVisible | boolean | flag for show/hide notification |
| onNotificationClose | () => void | |
| notificationText | string | text in notification panel |
| learnMoreLink | string | optional link in notification panel |
| rating | number | rating value |
| visible | boolean | visible modal form flag |
| onVisibleChange | (visible: boolean, rating: number) => void | |
| header | React.ReactNode | header of modal with form |
| submitText | string | text for submit button of form |
| formConfig | [] | config for form fields |
| initialValues | Record<string, any> & {rating: number } | |
| errorFeedbackEmail | string | |
| locale | string |