No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Bottom drawer for navigation?

    Help
    2
    5
    1164
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Seanitzel last edited by

      Hi,

      I need a bottom drawer component, exactly like the Bottom Sheets one, but i want it for app navigation.
      The docs advice against using that component for navigation, not sure why and is there an alternative for bottom navigation?

      Thanks,

      Sean

      metalsadman 1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman @Seanitzel last edited by metalsadman

        @Seanitzel i suggest you use QFooter, it serves as a container to whatever you might put in it, a QToolbar/QRouteTab/QTab/QIcons/QButtons etc… https://quasar.dev/layout/header-and-footer#Introduction

        simple example https://codepen.io/metalsadman/pen/oNbGgZE.

        1 Reply Last reply Reply Quote 0
        • S
          Seanitzel last edited by

          The thing is that i want the behavior to be exactly like the bottom sheets, i want it to open from the bottom as a drawer.

          Curious about why not using it for navigation?
          That kind of bottom drawer is really useful for iphone apps

          metalsadman 1 Reply Last reply Reply Quote 0
          • metalsadman
            metalsadman @Seanitzel last edited by metalsadman

            @Seanitzel you might want to go for a qdialog that has bottom position. https://quasar.dev/vue-components/dialog#Positioning likewise, you can put whatever in it, ideally you’ll have it at layout level so it stays when you are changing the router view in the layout.

            1 Reply Last reply Reply Quote 0
            • S
              Seanitzel last edited by

              That actually seems perfect

              Thanks! 🙂

              1 Reply Last reply Reply Quote 0
              • First post
                Last post