# 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>
```