The above navigation, how to hide into the sidebar after the screen width becomes narrower?



  • The above navigation, how to hide into the sidebar after the screen width becomes narrower, as shown in the figure.Does Quasar have this component?

    nav img
    menu img



  • https://quasar.dev/style/visibility

    “You can also show some DOM element or component if it’s lower than one of the sizes. Same for greater than one of the sizes. Just attach lt- or gt- prefixes, which come from “lower than” and “greater than”. Example: lt-md (display on xs and sm only), lt-xl (display on xs, sm, md and lg windows only), gt-md (display on greater than medium windows: lg and xl).”

    So the below example will only be displayed if the screen is bigger then ‘sm’ size:

    <foobar class=“gt-sm”>…</foobar >


Log in to reply