libs/core/dynamic-form/src/info-icon/info-icon.model.ts
Configuration for an info icon in a dynamic form field.
Properties |
|
| popoverDirection (Optional) | |
| Type |
"top" | "bottom" | "left" | "right"
|
|
Description
|
The direction in which the popover should be displayed. Default: 'bottom'. |
| popoverText | |
| Type |
string
|
|
Description
|
The content of the popover that opens when clicking on the info icon. Use Markdown for formatting:
|
export interface DfInfoIconConfig {
/**
* The content of the popover that opens when clicking on the info icon. Use Markdown for formatting:
* - Italic: `*text*` or `_text_`
* - Bold: `**text**`
* - Bold Italic: `***text***`
* - Strikethrough: `~~text~~`
* - Underline: `:u[text]`
* - Links: `[text](url)`
*
* @examples [
* "This is my info text\n with a [link](http://example.com)",
* "Info text with *italic*, **bold**, ~~strikethrough~~, :u[underline]",
* "Other info text with a list:\n - item 1\n - item 2",
* "You can also link to internal pages by using the 'page://' prefix and the `pageId` inside a Markdown link, e.g. `[internal link](page://second-page)`"
* ]
*/
popoverText: string;
/**
* The direction in which the popover should be displayed.
* Default: 'bottom'.
*
*/
popoverDirection?: 'top' | 'bottom' | 'left' | 'right';
}