Sha256: fc72d44f723aea7c76453368a462a65f848de484ed21f8481e9f8094d023356a

Contents?: true

Size: 1.07 KB

Versions: 2181

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,181 entries across 2,181 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui_docs-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_popover/docs/_description.md
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_popover/docs/_description.md