Interactive text
Interactive text that supports emojis and links
Interactive texts are used to convert links and/or emojis within a text block into actual links/emojis.
Contents
Hello
Check out https://freelancer.com! 😄
Hello
Check out https://freelancer.com! 😄
Inputs
content : string
alwaysShowReadMore ?: boolean = false
Use with `maxLines`
anchorScrollName ?: string
Name of the anchor scroll target to place on highlighted text.
displayLineBreaks ?: boolean = true
emoji ?: boolean = false
fontColor ?: FontColor = FontColor.FOREGROUND
fontSize ?: TextSize = TextSize.BODY_16
fontWeight ?: FontWeight = FontWeight.NORMAL
highlightInline ?: boolean = false
Use inline display for the highlight component, allowing floated siblings to sit beside the text.
highlightedText ?: string
Text to highlight within the content.
link ?: boolean = false
linkColor ?: LinkColor = LinkColor.DEFAULT
linkHoverColor ?: LinkHoverColor = LinkHoverColor.INHERIT
maxLines ?: number
rawOutput ?: boolean = false
Return only the text content, not wrapped in a fl-link or p.
readMore ?: any = ReadMore.NONE
readMoreColor ?: ReadMoreColor
readMoreExpandOnTextClick ?: boolean = true
Whether clicking the truncated text (rather than only the "more" link) expands it. Defaults to `true`. Set to `false` when the text sits inside another click target that should own non-"more" clicks.
showReadLess ?: boolean = false
Use with `maxLines` and `readMore` to show a collapse button after expansion.
Outputs
expand ?: any = new EventEmitter<boolean>()