x
Security
../../../shared/bundle/ruby/3.4.0/gems/lookbook-2.3.11/app/components/lookbook/viewport/component.html.erb:28:22
26
class="grid bg-white relative -inset-px <%= "grid-cols-[1fr_17px]" if @resize_width %> <%= "grid-rows-[1fr_17px]" if @resize_height %>"
27
style="width: calc(100% + 2px); height: calc(100% + 1px); <%= "max-height: #{@max_height}px;" if @max_height.present? %>">
28
<iframe seamless<%= " id=#{@iframe_id}" if @iframe_id.present? %>
^
29
x-ref="iframe"
30
class="bg-lookbook-page-bg h-full w-full border border-lookbook-divider"
Use static attribute names with dynamic values instead.
1
2
3
4
5
6
7
8
9
<!-- Large Brand --><span class="bg-brand-softer hover:bg-brand-soft rounded text-fg-brand-strong text-sm font-medium px-2 py-1"> Brand</span><!-- Large Bordered --><span class="bg-brand-softer hover:bg-brand-soft rounded text-fg-brand-strong text-sm font-medium px-2 py-1 border border-brand-subtle"> Brand</span>1
2
3
4
5
# Large Brandrender(Flowbite::Badge.new(size: :lg, style: :brand)) { "Brand" }# Large Borderedrender(Flowbite::Badge.new(bordered: true, size: :lg, style: :brand)) { "Brand" }Increase the paddings to create a larger badge variant.
No params configured.