cyntler / hamburger-react

Animated hamburger menu icons for React.js weighs only 1.5 KB.
https://hamburger-react.netlify.app
MIT License
963 stars 36 forks source link

Can we change the area size? #38

Closed xxidbr9 closed 3 years ago

xxidbr9 commented 3 years ago

I was wonder if we can change the area size,

the default size is 48, and how about if I reduce it using props, let say I change it to 32.

is that possible? thanks

luukdv commented 3 years ago

Hi!

The size is adjustable through the size prop, but it’s currently not possible to adjust the clickable area to accomodate for https://web.dev/accessible-tap-targets/.

You can always use a negative margin to offset the padding, if it’s causing alignment difficulties.

xxidbr9 commented 3 years ago

Hi!

The size is adjustable through the size prop, but it’s currently not possible to adjust the clickable area to accomodate for https://web.dev/accessible-tap-targets/.

You can always use a negative margin to offset the padding, if it’s causing alignment difficulties.

okay I see, I just wondering that, but after you explain the main reason, I wasn't no that, thanks.