edge-components

Input File Color 

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

    <br /><br /><input type="file" class="file-input file-input-secondary" value="" />

    <br /><br /><input type="file" class="file-input file-input-accent" value="" />

    <br /><br /><input type="file" class="file-input file-input-info" value="" />

    <br /><br /><input type="file" class="file-input file-input-success" value="" />

    <br /><br /><input type="file" class="file-input file-input-warning" value="" />

    <br /><br /><input type="file" class="file-input file-input-error" value="" />

</div>
 
<div class="w-full max-w-xs">
  @!jrmc.form.file({ class: 'file-input-primary' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-secondary' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-accent' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-info' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-success' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-warning' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-error' })
</div>
  • Handle: @input-file-color
  • Preview:
  • Filesystem Path: fractal/components/03-form/11-input-file/03-input-file-color.edge

File Input

Doc : daisyui file input

File Input is a an input field for uploading files.

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