gutenberg-examples | Examples for extending WordPress/Gutenberg with blocks | Content Management System library
kandi X-RAY | gutenberg-examples Summary
kandi X-RAY | gutenberg-examples Summary
Examples for extending Gutenberg with plugins which create blocks. See also: Gutenberg developer documentation.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Initialize the first page
- Displays a list of pages .
- Triggered when the props property is changed
- Triggered changes
gutenberg-examples Key Features
gutenberg-examples Examples and Code Snippets
Community Discussions
Trending Discussions on gutenberg-examples
QUESTION
I am trying to create a custom Gutenberg block that would have an un ordered list of multiple RichText components.
The end result would be something like:
- First item Second item
I have been playing around with the Recipe card example from this WordPress tutorial
I can see how the RichText component can be multiline to achieve an 'li' as the tag to get a list but I don't know how to have a multiline with sub Richtext components.
Here is what I have so far:
...ANSWER
Answered 2018-Sep-30 at 06:59As far as I know, There's no option like "Multiline" to extend RichText into sub components. What you can do for now is to declare two extra attributes at the beginning of the block and then in the edit function call RichText. So this -
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install gutenberg-examples
Download a pre-built zip archive of the latest release. Do not download from the "Clone or download" GitHub button, as this includes the source material only. Read the Development instructions below if you’re interested in building your own copy of the plugin.
Navigate to the Plugins > Add new screen in your WordPress administrative dashboard.
Click Add New at the top of the page.
Click Upload Plugin at the top of the page.
Click Choose File, then find and Upload the downloaded zip file.
After the plugin finishes installing, click Activate.
You’re done!
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page