Pricing Blog

Popover for profile settings

  • petershaw99-1360357443808399501

    PeterShaw

    3 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

    3 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.