Gutenberg Tab Control
A custom Gutenberg block to render tabs and contents. Gutenberg so far does not have a tab-control block. I am trying to build the same.
by Subrata Sarkar · github.com/emfluenceindia/gutenberg-tab-control · website
★ 1stars
1forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/emfluenceindia/gutenberg-tab-control/archive/refs/heads/master.zipThis project was bootstrapped with Create Guten Block.
Below you will find some information on how to run scripts.
You can find the most recent version of this guide here.
👉 npm start
- Use to compile and run the block in development mode.
- Watches for any changes and reports back any errors in your code.
👉 npm run build
- Use to build production code for your block inside
distfolder. - Runs once and reports back the gzip file sizes of the produced code.
👉 npm run eject
- Use to eject your plugin out of
create-guten-block. - Provides all the configurations so you can customize the project as you want.
- It's a one-way street,
ejectand you have to maintain everything yourself. - You don't normally have to
ejecta project because by ejecting you lose the connection withcreate-guten-blockand from there onwards you have to update and maintain all the dependencies on your own.
Knowledgebase
👉 Allowed Core Blocks
- core/shortcode
- core/image
- core/gallery
- core/heading
- core/quote
- core/embed
- core/list
- core/separator
- core/more
- core/button
- core/pullquote
- core/table
- core/preformatted
- core/code
- core/html
- core/freeform
- core/latest-posts
- core/categories
- core/cover (previously
core/cover-image) - core/text-columns
- core/verse
- core/video
- core/audio
- core/block
- core/paragraph
- core-embed/twitter
- core-embed/youtube
- core-embed/facebook
- core-embed/instagram
- core-embed/wordpress
- core-embed/soundcloud
- core-embed/spotify
- core-embed/flickr
- core-embed/vimeo
- core-embed/animoto
- core-embed/cloudup
- core-embed/collegehumor
- core-embed/dailymotion
- core-embed/funnyordie
- core-embed/hulu
- core-embed/imgur
- core-embed/issuu
- core-embed/kickstarter
- core-embed/meetup-com
- core-embed/mixcloud
- core-embed/photobucket
- core-embed/polldaddy
- core-embed/reddit
- core-embed/reverbnation
- core-embed/screencast
- core-embed/scribd
- core-embed/slideshare
- core-embed/smugmug
- core-embed/speaker
- core-embed/ted
- core-embed/tumblr
- core-embed/videopress
- core-embed/wordpress-tv
👉 Nested Block and Child Block
- https://raquelmsmith.com/blog/how-to-create-nested-blocks-for-gutenberg/
- https://github.com/WordPress/gutenberg/issues/5540
- https://wordpress.stackexchange.com/a/344062/109082
- https://developer.wordpress.org/block-editor/developers/block-api/block-registration/#supports-optional
- https://gist.github.com/igorbenic/970abd2e503c6c976fde0ae6d0172193