<p> You may also write <code>html code</code> directly in the <span class="text-rose-500 font-bold">Rich Content</span> component and apply tailwind css classes to them </p> <div class="flex flex-col md:flex-row gap-5"> <p> It might be a pain to type the code directly in the editor. </p> <p> So you may want to use an editor outside of the site and then paste it in. </p> <p> You can also use AlpineJS in the Rich Content component. </p> </div> <p> But please note, that arbitrary values (<code class="bg-black/70 p-1 px-2 rounded text-white">bg-[#232323]</code>) will not work for tailwind css, but inlining in <code class="bg-black/70 p-1 px-2 rounded text-white">style</code> them will. </p>
You may also write html code
directly in the Rich Content component and apply tailwind css classes to them
It might be a pain to type the code directly in the editor.
So you may want to use an editor outside of the site and then paste it in.
You can also use AlpineJS in the Rich Content component.
But please note, that arbitrary values (bg-[#232323]
) will not work for tailwind css, but inlining in style
them will.
Containers
Containers can be used when you know that all the content is together and does not need to be separated into columns. For example, the carousel below (the same component has several different configurations) have been placed inside a container of its own.
Carousel
As you have already seen above, the contents in a single container do not have any space between them, so have multiple containers and then use them. Here’s the carousel again in a container of it’s own, carousels have a few configs that you can tweak, so visit the properties tab on the carousel.

Test Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Test
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Test Hover Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.