Introduction Foundations Components Patterns Directives Pipes Motion Brand

Patterns

Ai button Ai modal Ai textarea Auto complete Auto link Bid pattern card Chat button Comment ui Experience Interactive text Linkshim Newsfeed system messages Project contest card Radio card Review card Service offering carousel Showcase card Skills Upgrade item User feedback User info User rehire card User search card

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
Default Max lines
Max Lines = 2
😄 Interactive texts are used to convert links and/or emojis within a text block into actual links/emojis.
Max Lines = 3
😄 Interactive texts are used to convert links and/or emojis within a text block into actual links/emojis.
Read More Link
😄 Interactive texts are used to convert links and/or emojis within a text block into actual links/emojis.
Read More Icon
😄 Interactive texts are used to convert links and/or emojis within a text block into actual links/emojis.
Inputs
content : string
displayLineBreaks ?: boolean = true
emoji ?: boolean = false
fontColor ?: FontColor = FontColor.FOREGROUND
fontSize ?: TextSize = TextSize.XXSMALL
fontWeight ?: FontWeight = FontWeight.NORMAL
highlightColor ?: HighlightColor
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 fl-text.
readMore ?: any = ReadMore.NONE
readMoreColor ?: ReadMoreColor
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.