Studio - Icon Field

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.

Upvoters
Status

Next up

Board
🎨

Studio

Date

3 days ago

Author

Matt Jones

Subscribe to post

Get notified by email when there are changes.