Developer FeedbackForm
Ready 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 '@semcore/ui/feedback-form';
<FeedbackForm />;import FeedbackForm from '@semcore/ui/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 component Field of the library react-final-form. Inside it there is the Tooltip, and you may set the trigger using the property tag or render function.
jsx
import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Item />;import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Item />;FeedbackForm.Success
The pre-configured component Box.
jsx
import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Success />;import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Success />;FeedbackForm.Submit, FeedbackForm.Cancel
The pre-configured component Button.
jsx
import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Submit />;
<FeedbackForm.Cancel />;import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Submit />;
<FeedbackForm.Cancel />;FeedbackForm.Notice
The pre-configured component Notice.
jsx
import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Notice />;import FeedbackForm from '@semcore/ui/feedback-form';
<FeedbackForm.Notice />;