SiPopoverDirective documentation¶
selector exported-as
[siPopover] si-popover Input Properties¶
| Name | Type | Default | Description |
|---|---|---|---|
| id ¶ | string | __popover-trigger_${this.popoverCounter} | The ID of the trigger element. |
| siPopover ¶ | (TranslatableString | TemplateRef<unknown>) | The popover text to be displayed | |
| siPopoverContainerClass ¶ | string | '' | The class that will be applied to container of the popover |
| siPopoverContext ¶ | unknown | undefined | The context for the attached template |
| siPopoverIcon ¶ | string | undefined | The icon to be displayed besides popover title |
| siPopoverPlacement ¶ | ("auto" | "end" | "start" | "top" | "bottom") | 'auto' | The placement of the popover. One of 'top', 'start', 'end', 'bottom' |
| siPopoverScrollStrategy ¶ | ScrollStrategy | defaultConnectedOverlayScrollStrategy() | CDK scroll strategy used for the popover overlay. |
| siPopoverTitle ¶ | TranslatableString | undefined | The title to be displayed on top for the popover |
Output Properties¶
| Name | Type | Description |
|---|---|---|
| siPopoverVisibilityChange ¶ | boolean | Emits true when the popover is shown, false when the popover is hidden. |
Attributes and Methods¶
| Name | Type | Default | Description |
|---|---|---|---|
| hide() ¶ | () => void | Hides the popover and emits 'hidden' event. | |
| (readonly) placementInternal ¶ | Signal<("auto" | "end" | "start" | "top" | "bottom")> | ... | |
| show() ¶ | () => void | Displays popover and emits 'shown' event. | |
| updatePosition() ¶ | () => void | Updates the position of the popover based on the position strategy. |
Types Documentation¶
| Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality. |
|---|
Except where otherwise noted, content on this site is licensed under MIT License.