search

halfmoonui / halfmoon

Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components.
https://www.gethalfmoon.com
MIT License
3.03k stars 118 forks source link

More file upload input styles like bootstrap or include in documentation #60

Closed larsjarred9 closed 2 years ago

larsjarred9 commented 3 years ago

I would like to have more file inputs such as: image

or atleast have those options listed in the documentation since I have absolutly 0 idea on how to make something like this at the moment with halfmoon.

Keep up the good work with the framework. I realy like the boostrap-like classes and the dark mode :) (PS: Light mode could have some improvment as someonelese already stated)

halfmoonui commented 3 years ago

These file inputs are basically just input groups when it comes to the look. For example: 

<div class="input-group">
  <div class="input-group-prepend">
    <span class="input-group-text">Upload</span>
  </div>
  <input type="text" class="form-control" placeholder="Browse file" readonly="readonly">
  <div class="input-group-append">
    <button class="btn" type="button">Browse</button>
  </div>
</div>

There are some possible issues though: the input is not a type="file" type, and the JavaScript part would have to be implemented differently as well. To be quite honest, I am not sure that different types of file inputs will be added to the framework. And if they are added, its not going to happen anytime soon. One good and usable version of each commonly used input is a good standard in my opinion.