Iconpicker (Bootstrap Icons, FontAwesome 6) für REDAXO

Stellt Icons von https://icons.getbootstrap.com/ und die REDAXO 5.17-eingebauten https://fontawesome.com/search mit einem Icon-Auswahlfeld zur Verfügung.

Features

Verwendung in YForm

Verwende das Value bs5_iconpicker, um einen Icon Picker für BI5 zur Verfügung zu stellen. Verwende das Value fa6_iconpicker, um einen Icon Picker für Fontawesome 6 (Free) zur Verfügung zu stellen.

Eigene Verwendung im Backend (auch in Metainfos)

<div class="input-group">
 <span class="input-group-addon selected-icon-0"></span>
 <input type="text" data-bi-iconpicker="0" value="bi-cloud-fog2" class="form-control bs5-iconpicker" />
</div>
<div class="input-group">
 <span class="input-group-addon selected-icon-1"></span>
 <input type="text" data-bi-iconpicker="1" value="bi-folder" class="form-control bs5-iconpicker" />
</div>
<div class="input-group">
 <span class="input-group-addon selected-icon-15"><i class="bi-x"></i></span>
 <input type="text" data-bi-iconpicker="15" value="" class="form-control bs5-iconpicker" />
</div>

<div class="input-group">
 <span class="input-group-addon selected-icon-0"></span>
 <input type="text" data-fa-iconpicker="0" value="rex-icon fa-cloud-fog2" class="form-control fa6-iconpicker" />
</div>
<div class="input-group">
 <span class="input-group-addon selected-icon-1"></span>
 <input type="text" data-fa-iconpicker="1" value="rex-icon fa-folder" class="form-control fa6-iconpicker" />
</div>
<div class="input-group">
 <span class="input-group-addon selected-icon-15"><i class="rex-icon fa-x"></i></span>
 <input type="text" data-fa-iconpicker="15" value="" class="form-control fa6-iconpicker" />
</div>

Verwendung im Frontend

Die Verwendung im Frontend bleibt dem Entwickler überlassen. Nutze die beiliegende Icon-Schrift oder lade das passende SVG von https://icons.getbootstrap.com/

Lizenz

MIT Lizenz, siehe LICENSE.md

Autoren

Alexander Walther
http://www.alexplus.de
https://github.com/alexplusde

Projekt-Lead
Alexander Walther

Credits

Basierend auf https://www.cssscript.com/bootstrap-5-icon-picker/