@stratio/egeo
Version:
Stratio egeo library of components in Angular 2
23 lines (15 loc) • 1.3 kB
Markdown
# 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
```html
<st-pop [hidden]="false"
placement="bottom">
<div pop-button>Button</div>
<div pop-content>Content</div>
</st-pop>
```