Ctrl + K

Report Bug

Pro

Form component with smooth transiton on valid submission.

PreviewCode

Installation

CLI
Manual
Run the following command
npx animatex-pro add reportbug

Props

PropDefaultDescription
childrennonePut in the content inputs
isErrorfalseDetermines if there was an error while submitting form
isValidfalseValidates form submission trigerring animation sequence.
classNamenoneFreely style the form block to fit your project
borderRaduisnoneRounded corner to both toggler and form
children12pxPut in the content inputs
toggleStylenoneFreely style the initial button on screen
shimmerStylenoneStyle the radiant backgroud. This should be used to modify colors.
validationMessageReported SuccessfullyFinal message at the end of the animation
id1In a case where multiple components are to be rendered on thesame page a unique key sould be provided to each
buttonText<span><Bug size={18}/>Report a bug</span>Text shown on button and form title
onSubmitnoneFunction executed once the form is submitted
buttonStylenoneStyle the form submit button