edge-components

Control Inline 

<div class="w-full max-w-xs">
    <div class="form-control mb-5">

        <label class="label cursor-pointer"> <span class="label-text">
                Remember me</span>
            <input type="checkbox" class="checkbox" name="my_name" id="my_name" checked="undefined" value="" />

        </label>
    </div>

    <div class="form-control mb-5 w-full max-w-xs">

        <label class="label">
            <span class="label-text">
                Firstname</span> <input type="text" class="input input-bordered" placeholder="Luc" value="" />

        </label>
    </div>

    <div class="form-control mb-5 w-full max-w-xs">

        <label class="label">
            <span class="label-text">
                Description</span>
            <textarea class="textarea textarea-bordered" placeholder="Bio"></textarea>

        </label>
    </div>

</div>
 
<div class="w-full max-w-xs">
  @jrmc.form.control()
    @jrmc.form.label({ class: 'cursor-pointer' })
      @!jrmc.form.label.text({ text: 'Remember me' })
      @!jrmc.form.input({ type: 'checkbox', name: 'my_name', checked })
    @end
  @end

  @jrmc.form.control({ class: 'w-full max-w-xs' })
    @jrmc.form.label({ text: 'Firstname' })
      @!jrmc.form.input({ placeholder: 'Luc', class: 'input-bordered' })
    @end
  @end

  @jrmc.form.control({ class: 'w-full max-w-xs' })
    @jrmc.form.label({ text: 'Description' })
      @!jrmc.form.textarea({ placeholder: 'Bio', class: 'textarea-bordered' })
    @end
  @end
</div>
  • Handle: @control-inline
  • Preview:
  • Filesystem Path: fractal/components/03-form/09-control/02-control-inline.edge

Form Control

Doc : daisyui control

Control is a container field.

Class name Type
form-control Component Container element