New to KendoReactStart a free 30-day trial

CitationProps

Interface

Defines the props for the Citation component.

Citation renders as an inline chip-like element that represents one or more source references. It is fully self-contained: hovering, clicking, or activating (Enter/Space, or touch) the citation shows its own resource details popover automatically — no separate popover component needs to be rendered or wired up by the host. onOpen is an informational event fired alongside a click/keyboard activation.

Extends React.HTMLAttributes<HTMLDivElement> to allow passing standard HTML attributes (e.g. className, style, id) directly to the root element. Does NOT extend ChipPropsChip is used internally.

Definition

Package:@progress/kendo-react-conversational-ui

Properties

Whether to show the +N additional-sources indicator next to the label, where N is sources.length - 1. Does not affect which source is used to derive the default label.

Default:

false

A custom component that replaces the default rendering of the resource details body (title, description, URL for each source).

label?

string

Inline chip label. When omitted, derived from the first source's URL/domain.

onOpen?

(event: CitationOpenEvent) => void

Callback fired when the citation's resource details are about to be shown, after a click or keyboard/touch activation. This event is informational — Citation shows its own popover automatically and does not require the host to open or close anything in response.

Parameters:eventCitationOpenEvent

Specifies when the Citation popover becomes visible.

The available options are:

  • hover — Displays the popover when the mouse hovers over the chip.
  • click — Displays the popover when the chip is clicked.
Default:

'hover'

Source resources associated with the citation, in display order.

Default:

[]

svgIcon?

SVGIcon

Chip icon. Pass an icon object from @progress/kendo-svg-icons.

Default:

globeIcon