BetterUi Components

Previews

No matching results.

x
1
2
3
<div class="w-full max-w-screen-lg px-4 sm:px-6 lg:px-8 mx-auto bg-blue-50 border border-blue-200 rounded-lg" >
  <div class='bg-white p-6 rounded shadow-sm'>Interactive container playground. Adjust the parameters to see how the container changes. Current size: <strong>lg</strong>, padding: <strong>true</strong>, centered: <strong>true</strong>.</div>
</div>
1
2
3
4
5
6
7
8
render BetterUi::ContainerComponent.new(
  size: size.to_sym,
  padding: padding,
  centered: centered,
  container_classes: "bg-blue-50 border border-blue-200 rounded-lg"
) do
  "<div class='bg-white p-6 rounded shadow-sm'>Interactive container playground. Adjust the parameters to see how the container changes. Current size: <strong>#{size}</strong>, padding: <strong>#{padding}</strong>, centered: <strong>#{centered}</strong>.</div>".html_safe
end

No notes provided.

Param Description Input

—

—

—