edge-components

Input Color 

<div class="w-full max-w-xs"><input type="text" class="input input-primary" placeholder="Color" value="" />

    <br /><br /><input type="text" class="input input-secondary" placeholder="Color" value="" />

    <br /><br /><input type="text" class="input input-accent" placeholder="Color" value="" />

    <br /><br /><input type="text" class="input input-info" placeholder="Color" value="" />

    <br /><br /><input type="text" class="input input-success" placeholder="Color" value="" />

    <br /><br /><input type="text" class="input input-warning" placeholder="Color" value="" />

    <br /><br /><input type="text" class="input input-error" placeholder="Color" value="" />

</div>
 
<div class="w-full max-w-xs">
  @!jrmc.form.input({ placeholder: 'Color',  class: 'input-primary' })
  <br /><br />
  @!jrmc.form.input({ placeholder: 'Color',  class: 'input-secondary' })
  <br /><br />
  @!jrmc.form.input({ placeholder: 'Color',  class: 'input-accent' })
  <br /><br />
  @!jrmc.form.input({ placeholder: 'Color',  class: 'input-info' })
  <br /><br />
  @!jrmc.form.input({ placeholder: 'Color',  class: 'input-success' })
  <br /><br />
  @!jrmc.form.input({ placeholder: 'Color',  class: 'input-warning' })
  <br /><br />
  @!jrmc.form.input({ placeholder: 'Color',  class: 'input-error' })
</div>

Text Input

Doc : daisyui text input

Text Input is a simple input field.

Class name Type
input Component For <input> element
input-bordered Modifier Adds border to input
input-ghost Modifier Adds ghost style to input
input-primary Modifier Adds primary color to input
input-secondary Modifier Adds secondary color to input
input-accent Modifier Adds accent color to input
input-info Modifier Adds info color to input
input-success Modifier Adds success color to input
input-warning Modifier Adds warning color to input
input-error Modifier Adds error color to input
input-lg Responsive Large size for input
input-md Responsive Medium (default) size for input
input-sm Responsive Small size for input
input-xs Responsive Extra small size for input