edge-components

Input File Size 

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

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

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

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

</div>
 
<div class="w-full max-w-xs">
  @!jrmc.form.file({ class: 'file-input-xs file-input-bordered' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-sm file-input-bordered' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-md file-input-bordered' })
  <br /><br />
  @!jrmc.form.file({ class: 'file-input-lg file-input-bordered' })
</div>
  • Handle: @input-file-size
  • Preview:
  • Filesystem Path: fractal/components/03-form/11-input-file/04-input-file-size.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