Popover
Показує насичений вміст у порталі, що відкривається кліком по елементу.
Приклад
Довідник API
VoltPopoverArrow — volt-popover-arrow
| Вхід | Тип | За замовчуванням |
|---|---|---|
| padding | number | undefined | 4 |
| hidden | boolean | false |
VoltPopoverTrigger — [voltPopover]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| voltPopover | NgpOverlayContent<unknown> | undefined | undefined |
| placement | NgpPopoverPlacement | 'bottom' |
| offset | NgpOffset | 8 |
| showDelay | number | 0 |
| hideDelay | number | 0 |
| flip | NgpFlip | true |
| shift | NgpShift | true |
| container | HTMLElement | string | null | null |
| scrollBehavior | 'reposition' | 'block' | 'close' | 'reposition' |
| context | unknown | undefined |
| anchor | HTMLElement | null | null |
| trackPosition | boolean | false |
| cooldown | number | 0 |
| disabled | boolean | false |
| closeOnOutsideClick | boolean | true |
| closeOnEscape | boolean | true |
| Вихід | Тип |
|---|---|
| openChange | boolean |
Код компонента
Встановити через CLI:
npx @voltui/cli add popoverTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/popover.