themesberg / flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS
https://flowbite-svelte.com
MIT License
2.09k stars 253 forks source link

Ability to set breakpoint of NavHamburger #1388

Open gamersi opened 1 month ago

gamersi commented 1 month ago

Summary

Ability to set the breakpoint in a <NavHamburger />

Basic example

<Navbar flat>
<NavBrand>...</NavBrand>
<NavHamburger breakpoint="lg" /> // this is new
<NavUl>...</NavUl>
</Navbar>

Motivation

The default md breakpoint doesnt fit for every usecase, so you should be able to customize it. Also it is possible in the normal flowbite package as can be seen in this reddit post

shinokada commented 1 month ago

You can use class:

<NavHamburger
    onClick={() => (drawerHidden = !drawerHidden)}
    class="m-0 me-3 md:block lg:hidden"
/>
gamersi commented 1 month ago

You can use class:

<NavHamburger
  onClick={() => (drawerHidden = !drawerHidden)}
  class="m-0 me-3 md:block lg:hidden"
/>

Thank you, will try on monday