Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
design(gutenberg): give gutenberg block concept #2456
Here's an idea of what a Give Donation Form block could look like in Gutenberg. The general idea is to adapt the existing functionality of the Shortcode Generator while capitalizing on the advantages that Gutenberg offers, such as real-time form previews.
Give Gutenberg Block Concept
In Gutenberg, the functionality of the existing Shortcode Generator can be split amongst the Block and the Inspector. I have demonstrated how this Block/Inspector combination can work below.
Default Block Appearance
Block Appearance After Form Selection
Note that to have full parity with our existing shortcode, we'll also need this:
I just wanted to show the progress done so far on Gutenberg Donation Form Block.
Here is the screencast of Donation Form Block: http://recordit.co/myIknPX61I
The Donation Form Block embed the form preview base on the parameters selected in Block Control panel. The embedding technique to preview the form will ensure consistent preview as there might have been add-on plugins which would have been hooking custom fields in the donation from. The Form Preview will get refreshed to show new preview each time when user change the form settings from the Block Control panel.