Morphing Box – Frontend Snippet

Go back

<div class="sl40"><button type="button" aria-haspopup="listbox" aria-expanded="false"><span class="v">Medium</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg></button><ul role="listbox" aria-label="Weight"><li role="option" aria-selected="false">Light</li><li role="option" aria-selected="false">Regular</li><li role="option" aria-selected="true">Medium</li><li role="option" aria-selected="false">Bold</li></ul></div>