Formie - Overview | Verbb
When not to use it You want to use Tailwind or Bootstrap utility classes on HTML elements. You want to modify the structure of the form or fields. You need a radically different HTML structure. Continue …
Formie - Theme Config | Verbb
For this reason, it's well-suited to being used to output opinionated class attributes used by utility CSS frameworks like Tailwind, or other frameworks like Bootstrap. We recommend reading the theming …
Back in Stock - Example Form | Verbb
Example Form The below HTML template gives you a head-start (using Tailwind) to creating a form for users to register their interest with an out of stock product.
Formie - Features | Verbb
Our theme config will help you configure every aspect of your form, from the `<form>` element, to individual fields, their inputs, submit buttons and more. All without touching the internals of Formie, or …
Back in Stock - Usage | Verbb
This will subscribe them to an email notification, so that they can be notified when the product is back in stock. Check out our ready-to-go Tailwind template. The form will need 3 fields. 2 hidden fields and 1 …
Formie 2 - Verbb
What's more, it's next to impossible to use utility CSS frameworks like Tailwind or even Bootstrap which rely on custom HTML markup to render the forms. If you want to integrate with these, you'd be …
Vizy - Block Based Editor | Verbb
Whilst this is not inherently bad or incorrect, if we wanted to add custom classes to the <p> or <a> tags, it would be difficult to do. This is a particularly common scenario when using utility-first CSS …
Say hello to Vizy - Verbb
For a practical example, we use Tailwind extensively, but this poses a problem for the HTML in a WYSIWYG field. Say, we want to add mb-4 to the bottom of every <p> tag, because Tailwind is un …
Creating your own Formatting options with Editor Config
That could be a lot of work depending on your content. Instead, we might recommend using data attributes, or at least a class that isn't tied to a framework like Tailwind. Or there's another alternative...
Events - Ticket Check In | Verbb
<html> <head> <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> </head> <body class="p-4"> {% if not success %} <div role="alert" class="border px-4 py-3 rounded …