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
<div class="flex"> <div class="flex items-center h-5"><input name="person[confirmation]" type="hidden" value="0" autocomplete="off" /><input class="text-brand bg-neutral-secondary-medium border-default-medium rounded-sm focus:ring-brand focus:ring-2 w-4 h-4" aria-describedby="person_confirmation_hint" type="checkbox" value="1" name="person[confirmation]" id="person_confirmation" /></div> <div class="ms-2 text-sm"> <label class="font-medium text-heading" for="person_confirmation">Confirmation</label> <p class="text-xs font-normal text-body" id="person_confirmation_hint">I agree with the terms and conditions.</p> </div></div>1
render(Flowbite::InputField::Checkbox.new(attribute: :confirmation, form: form, hint: {content: "I agree with the terms and conditions."}))Get started with this example if you want to add a secondary helper text for the checkbox component.
No params configured.