edge-components

Input Base 

<div class="w-full max-w-xs">
    <div class="card bg-neutral">

        <div class="card-body">
            <input type="text" class="input w-full" placeholder="Default" value="" />

            <br /><br /><input type="number" class="input w-full" placeholder="0" value="" />

            <br /><br /><input type="email" class="input w-full" placeholder="john.snow@got.com" value="" />

            <br /><br /><input type="date" class="input w-full" value="" />

            <br /><br /><input type="datetime-local" class="input w-full" value="" />

            <br /><br /><input type="color" class="input w-full" value="" />

            <br /><br /><input type="hidden" class="input w-full" value="true" />

        </div>

    </div>
</div>
 
<div class="w-full max-w-xs">
  @jrmc.card({ class: 'bg-neutral'})
    @jrmc.card.body()
      @!jrmc.form.input({ placeholder: 'Default', class: 'w-full' })
      <br /><br />
      @!jrmc.form.input({ type: 'number', placeholder: '0', class: 'w-full' })
      <br /><br />
      @!jrmc.form.input({ type: 'email', placeholder: 'john.snow@got.com', class: 'w-full' })
      <br /><br />
      @!jrmc.form.input({ type: 'date', class: 'w-full' })
      <br /><br />
      @!jrmc.form.input({ type: 'datetime-local', class: 'w-full' })
      <br /><br />
      @!jrmc.form.input({ type: 'color', class: 'w-full' })
      <br /><br />
      @!jrmc.form.input({ type: 'hidden', value: 'true', class: 'w-full' })
    @end
  @end
</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