Back to all

Side Action Buttons — Labeled side action buttons for a writing editor

Components

Let’s talk
Labeled side action buttons for a writing editor

Old and new versions of the side action buttons in a writing editor’s right margin.

The old set was four bare icons with no labels. The new version keeps the icons, in green, and adds a label under each (Edit Mode, Comments, Appearance, Favourite), so nobody has to hover to learn what a button does.

The New Responsive version lays the same four out in a row of wider buttons, with Appearance renamed Design.

Got something real to build?

I join your team as a design partner and stay for the long run, from the first flow to shipped UI.

Let’s talk