priority-navigation icon indicating copy to clipboard operation
priority-navigation copied to clipboard

Can the button element be customised/changed ?

Open chris-sparks opened this issue 6 years ago • 2 comments

I'd like to be able to use, say, a burger menu like SVG icon in place of the button element.

Is this possible or are there any future plans to accommodate customisation of this element?

Regards Chris

chris-sparks avatar Apr 30 '18 03:04 chris-sparks

I use the unicode character "☰" for navDropdownLabel and navDropdownBreakpointLabel in priority-nav.js, and style the button using CSS to match the rest of my menu.

I suppose alternatively you could give the button a SVG background using CSS.

derpyherp avatar Sep 18 '18 08:09 derpyherp

Maybe we could have a setting to customize the HTML but, in many many cases, this is just a decoration problem. And decoration must be in CSS.

Also, for accessibility, the button MUST have a real human label. You can accessibly hide it with CSS (there is technics) and put other things in :before or :after for exemple. (Maybe a span would be good inside the button to facilitate manipulation.)

rastapopougros avatar Jan 29 '19 11:01 rastapopougros