UI

The rounded-full class can produce a circular button: Custom buttons can be created (as presets (and variations)) as needed, such as:

Examples of using WordPress core List block or ska-blocks’ Element & Text blocks as <ul>/<ol> and <li> elements to create lists with various appearances. Default list appearance (<ul> -> <li>) Default list appearance (core/list block) Default ordered list appearance (core/list block) Default list appearance in Prose (blog posts) Default ordered list appearance in Prose (blog…

Messages are blocks of text that stand out among other content. The custom Theme palette option in Tailwind configuration contains values for positive, negative, info and warning colors which can be used to create various messages with appropriate appearances.

Examples of styling the <ul> -> <li> elements produced by the Menu block with Tailwind classes. Usage – copy the code for the desired appearance, paste it into your block editor, swap out the Menu block’s placeholder menu with one from your own WordPress nav menus. You can then edit the Tailwind classes to tailor…