SiPopoverDirective documentation¶
selectorexported-as
[siPopover]si-popoverInput Properties¶
| Name | Type | Default | Description |
|---|---|---|---|
| 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' |
| siPopoverTitle ¶ | TranslatableString | undefined | The title to be displayed on top for the popover |
Output Properties¶
| Name | Type | Description |
|---|---|---|
| siPopoverVisibilityChange ¶ | void | Emits an event when the popover is shown/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. |
|---|
Translatable import imported from @siemens/element-translate-ng |
|---|
Except where otherwise noted, content on this site is licensed under MIT License.