Page generated at 2016-08-19 09:38:26 +0000

Popup Component

Plain HTML

  1. Container MUST be marked as component="popup"
  2. Button or other trigger MUST be marked with popup-trigger attribute.
  3. Popup panel MUST be marked with popup-panel attribute.
  4. In case of menu, popup-panel SHOULD be used with class="menu"
  5. In case of regular panel, popup-panel SHOULD be used with class="popup-panel"
<div component="popup append-text" append-text="sample">
	<a popup-trigger href="/no-script-url">Dropdown </a>
	<div popup-panel>
		Panel content
	</div>
</div>

items with submenu are styled as buttons

Inline example

Inline popup

Panel

body
example