Add a field which primarily allows the user to select an icon from a list of named icons.
On the Liquid side, this will insert the needed HTML inside the section, plus add the icon name to a manifest. Using tree-shaking, only the icons on the manifest will be imported into the page in the browser, for best-practice performance.
We should allow an option within the icon field’s settings to specify an icon library, but we’ll start by only supporting Google material icons which are loaded through a font: https://developers.google.com/fonts/docs/material_symbols#optimize_the_icon_font
Please authenticate to join the conversation.
Next up
Studio
3 days ago

Matt Jones
Get notified by email when there are changes.
Next up
Studio
3 days ago

Matt Jones
Get notified by email when there are changes.