this is sooo low effort someone remind me to finish this later
A basic set of icons is provided through Bootstrap Icons.
Icons require the "Bootstrap Icons" gadget. The gadget is enabled by default, but in the off chance something went wrong and you can't see the examples below you should take a look at your preferences.
Usage[]
- Go to the Bootstrap Icons site and find an icon you want to use
- Click on the icon to go to its page, find the "Icon font" section, and copy the code
- Paste it onto your page and save!
Tabbers[]
Icons can be added to tabbers using custom tabbers. Start with the following code:
<div class="custom-tabber" style="--tab-font-family: bootstrap-icons, Rubik, sans-serif;">
<tabber>
...
</tabber>
</div>
Head to page for the icon you want to use like normal, but instead of copying the icon font code, go to the "Code point" section and copy the code labeled "HTML". Paste it anywhere outside the tabber, preview the page, and copy the text that appears, and paste it into the tab title.
For example, to use the 123 icon () you would go to its icon page, scroll down to the "Code point" section, copy , and paste it onto a page. Preview the edit and copy the character that appears, in this case . Copy that character and paste it into the title of your tabber.
Tab Contents
<div class="custom-tabber" style="--tab-font-family: bootstrap-icons, Rubik, sans-serif;">
<tabber>
=
Tab Contents
</tabber>
</div>