Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Can the button element be customised/changed ? #38

Open
chris-sparks opened this issue Apr 30, 2018 · 2 comments
Open

Can the button element be customised/changed ? #38

chris-sparks opened this issue Apr 30, 2018 · 2 comments

Comments

@chris-sparks
Copy link

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

@derpyherp
Copy link

derpyherp commented Sep 18, 2018

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.

@rastapopougros
Copy link

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.)

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants