• Components
  • Textarea

Textarea bordered 

@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-bordered' })
<textarea
  class="textarea textarea-bordered"
  
  
  
  placeholder="placeholder"></textarea>

Textarea ghost 

@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-ghost' })
<textarea
  class="textarea textarea-ghost"
  
  
  
  placeholder="placeholder"></textarea>

Textarea disabled 

@!jrmc.form.textarea({ placeholder: 'placeholder', disabled })
<textarea
  class="textarea"
  
  
  
  placeholder="placeholder"></textarea>

Textarea color 

@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-primary' })
@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-secondary' })
@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-accent' })
@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-info' })
@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-success' })
@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-warning' })
@!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-error' })
<textarea
  class="textarea textarea-primary"
  
  
  
  placeholder="placeholder"></textarea>


<textarea
  class="textarea textarea-secondary"
  
  
  
  placeholder="placeholder"></textarea>


<textarea
  class="textarea textarea-accent"
  
  
  
  placeholder="placeholder"></textarea>


<textarea
  class="textarea textarea-info"
  
  
  
  placeholder="placeholder"></textarea>


<textarea
  class="textarea textarea-success"
  
  
  
  placeholder="placeholder"></textarea>


<textarea
  class="textarea textarea-warning"
  
  
  
  placeholder="placeholder"></textarea>


<textarea
  class="textarea textarea-error"
  
  
  
  placeholder="placeholder"></textarea>

Textarea control 

@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 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>

Textarea hint

Short description 
@jrmc.form.control({ name: 'bio', class: 'w-full max-w-xs', label: 'Your bio', hint: 'Short description' })
  @!jrmc.form.textarea({ placeholder: 'Bio', class: ['textarea-bordered', 'h-24'] })
@end
<div class="form-control mb-5 w-full max-w-xs" >
<label class="label cursor-pointer" for="bio">
<span class="label-text" >
  Your bio</span>  
</label>
  
<textarea
  class="textarea textarea-bordered h-24"
   name="bio"
   id="bio"
  
  placeholder="Bio"></textarea>

<div class="label" >    <span class="label-text-alt text-warning">Short description</span>
</div></div>