edge-components

Control Required 

<div class="form-control mb-5 w-full max-w-xs">
    <label class="label cursor-pointer" for="name">
        <span class="label-text">
            Your name *</span>
    </label>
    <input type="text" class="input input-bordered" name="name" id="name" required placeholder="My name" value="" />

    <div class="label"> <span class="label-text-alt text-warning">Hint</span>
    </div>
</div>
 
@jrmc.form.control({ name: 'name', class: 'w-full max-w-xs', label: 'Your name', hint: 'Hint', required: true })
  @!jrmc.form.input({placeholder: 'My name', class: 'input-bordered' })
@end
  • Handle: @control-required
  • Preview:
  • Filesystem Path: fractal/components/03-form/09-control/04-control-required.edge

Form Control

Doc : daisyui control

Control is a container field.

Class name Type
form-control Component Container element