Go Back to index

Pop (Component)

The pop is a component for manage floating elements like popups or dropdown-menu. This element need two element inside,a button element that launch popper and a content element that whose position will be relativo to button element.

Inputs

Property	Type	Req	Description	Default
placement	'top' \| 'top-start' \| 'top-end' \| 'bottom' \| 'bottom-start' \| 'bottom-end'	False	Define position of content relative to button	'bottom-start'
hidden	Boolean	False	TRUE: show pop content, FALSE: hide pop content	true

Example

<st-pop [hidden]="false"
      placement="bottom">
    <div pop-button>Button</div>
    <div pop-content>Content</div>
</st-pop>