edge-components

Textarea Color 

<div class="w-full max-w-xs">
    <textarea class="textarea textarea-primary" placeholder="placeholder"></textarea>

    <br /><br />

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

    <br /><br />

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

    <br /><br />

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

    <br /><br />

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

    <br /><br />

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

    <br /><br />

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

    <br /><br />
</div>
 
<div class="w-full max-w-xs">
  @!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-primary' })
  <br /><br />

  @!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-secondary' })
  <br /><br />

  @!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-accent' })
  <br /><br />

  @!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-info' })
  <br /><br />

  @!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-success' })
  <br /><br />

  @!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-warning' })
  <br /><br />

  @!jrmc.form.textarea({ placeholder: 'placeholder', class: 'textarea-error' })
  <br /><br />
</div>
  • Handle: @textarea-color
  • Preview:
  • Filesystem Path: fractal/components/03-form/08-textarea/04-textarea-color.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