Sha256: fc72d44f723aea7c76453368a462a65f848de484ed21f8481e9f8094d023356a

Contents?: true

Size: 1.07 KB

Versions: 2240

Compression:

Stored size: 1.07 KB

Contents

A `popover` is a way to toggle content on top of other content. It can be used for small texts, small forms, or even dropdowns. By default, popover will toggle open/closed by simply clicking the trigger element.

### Enhancements

In addition, you may also choose to enable enhanced functionality so that the popover may be toggled by clicking outside of the "trigger element" and/or popover itself.

#### Usecase #1 - Close on click into popover content

You are building a single page application where clicking into the popover itself triggers some asynchronous actions which mutate the UI instantaneously. As a result, may want the popover to automatically close after a selection has been made from the popover contents.

#### Usecase #2 - Close only on click outside of popover content

You are building an custom in-page results filter list which is contained inside of the popover's content area. Since the filter list contains 5 filters, you may want to keep the popover open so that users may select multiple filters then only close the popover when users click outside of the popover.

Version data entries

2,240 entries across 2,240 versions & 2 rubygems

Version Path
playbook_ui_docs-14.12.0.pre.alpha.testingwithfas5689 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.alpha.testingwithfas5689 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.alpha.testingwithfas5686 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.alpha.testingwithfas5686 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.alpha.play1828updateviteversion5680 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.alpha.play1828updateviteversion5680 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5673 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5673 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5655 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5655 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR720railscarddraggable5649 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.alpha.PBNTR720railscarddraggable5649 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5646 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5646 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.rc.12 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.rc.12 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_popover/docs/_description.md