File

libs/core/dynamic-form/src/info-icon/info-icon.model.ts

Description

Configuration for an info icon in a dynamic form field.

Index

Properties

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:

  • Italic: *text* or _text_
  • Bold: **text**
  • Bold Italic: ***text***
  • Strikethrough: ~~text~~
  • Underline: :u[text]
  • Links: [text](url)
  "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)`"
]
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';
}

results matching ""

    No results matching ""