edge-components

Textarea Control 

<div class="w-full max-w-xs">
    <div class="form-control mb-5 w-full max-w-xs">
        <label class="label cursor-pointer" for="description">
            <span class="label-text">
                Description</span>
        </label>

        <textarea class="textarea textarea-bordered" name="description" id="description" placeholder="Description"></textarea>

    </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({ name: 'description', class: 'w-full max-w-xs', label: 'Description' })
    @!jrmc.form.textarea({ placeholder: 'Description', class: 'textarea-bordered' })
  @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: @textarea-control
  • Preview:
  • Filesystem Path: fractal/components/03-form/08-textarea/05-textarea-control.edge

Textarea

Doc : daisyui textarea

Textarea allows users to enter text in multiple lines.

Class name Type
textarea Component For <textarea> element
textarea-bordered Modifier Adds border to textarea
textarea-ghost Modifier Adds ghost style to textarea
textarea-primary Modifier Adds primary color to textarea
textarea-secondary Modifier Adds secondary color to textarea
textarea-accent Modifier Adds accent color to textarea
textarea-info Modifier Adds info color to textarea
textarea-success Modifier Adds success color to textarea
textarea-warning Modifier Adds warning color to textarea
textarea-error Modifier Adds error color to textarea