Login
You're viewing the hci.social public feed.
  • Jan Dsimulo
    Jun 14, 2026, 10:05 AM

    Anyone with a good idea how to have a HTML select-like control in which I can select icons instead of text [1] in plain / / [2] ?

    [1] what Cooper called "Combutcon": Combo-button with icons
    [2] Without needing npm, an additional reactive framework etc. just a JS file to import.

    icon-based combobutton which allows to pick values that are reflected in its unactivated state, here the text color selector toolbar control in libreoffice.
    💬 2🔄 0⭐ 0

Replies

  • Neballerneballer@mastodon.social
    Jun 14, 2026, 12:55 PM

    @simulo can you use emoji? If not, you could create a font from your icons and just use a regular <select>

    💬 1🔄 0⭐ 0
  • Jan Dsimulo
    Jun 14, 2026, 4:31 PM

    @neballer If you ever tried this: Would that mean that I could have either normal text or my special icons or could both go together?

    💬 0🔄 0⭐ 0
  • 💬 1🔄 0⭐ 0
  • Jan Dsimulo
    Jun 14, 2026, 4:35 PM

    @teleclimber I looked at this, but I did not see how the selection and its icon would be reflected, i.e. it seems I could do a lot with the list of options but I could not easily show the icon of what was selected

    💬 1🔄 0⭐ 1
  • Jan Dsimulo
    Jun 14, 2026, 4:48 PM

    @teleclimber Oh, seems I was wrong, the demos at mdn do not show it, but it seems I can place an image in a select and it will show.

    a closed select dropdown button that shows an icon in front of the selected value.
    💬 0🔄 0⭐ 1