PricingBlog

Popover for profile settings

  • petershaw99-1360357443808399501

    PeterShaw

    11 months ago

    Whats the best way to build a profile settings modal as shown in the screenshot? Now its a popover but I struggle with the placement. I want it to be placed directly below the parent button which is a problem when the screen width changes
    1360357444165042327-feffwef.PNG
  • max.kayr-1360458762959454258

    Max

    11 months ago

    Popovers are really tricky. The native browser support is somewhat there, but anchoring the element is still not possible out of the box. If you don‘t mind using a package, there are Popovers and Dropdowns in Spark Core (unstyled) and in the toddle template Spark One (prestyled). They have all the functionality baked in.