CitationComponent
Represents the Kendo UI Citation component for Angular. Displays an inline chip for a cited resource and a paginated hover/focus popover with its source details.
Definition
Package:@progress/kendo-angular-conversational-ui
Selector:kendo-citation
Export Name:Accessible in templates as #kendoCitationInstance="kendoCitation"
Syntax:
<kendo-citation
[sources]="[{ title: 'Kendo UI', description: 'Component docs', url: 'https://www.telerik.com/kendo-angular-ui' }]"
></kendo-citation>Inputs
icon
string
Sets the name of a font icon rendered inside the citation chip.
'globe'
label
string
Sets the label shown in the citation chip. When not set, the label defaults to the hostname of the first source's URL, optionally followed by the count of additional sources.
showAdditionalCount
boolean
Sets whether the chip displays the count of additional sources.
true
showOn
"hover" | "click"
Sets the interaction that displays the citation popover.
'hover'
sourceIcon
string
Sets the font icon shown before each source URL in the default popover view.
'globe'
Sets the sources associated with the citation, in display order.
[]
sourceSVGIcon
SVGIcon
Sets the SVG icon shown before each source URL in the default popover view.
globeIcon
svgIcon
SVGIcon
Sets the SVG icon shown in the citation chip. * *
globeIcon
Events
Fires when the citation popover is about to open after the user hovers over or clicks the citation.