IntegrationLogo

components/integration/Logo.vue

Third-party integration/vendor logo (Splunk, Datadog, Slack, …) resolved by id against assets/svgs/third-party-logos/<id>.svg and rendered as an <img> — never inlined, so brand fills and gradient defs survive and nothing recolors. Unknown ids fall back to mark text or the slot.

splunk

Full catalog sweep

Fallbacks & sizes

Nv@

components/integration/Logo.vue

Usage

<IntegrationLogo id = "(required)" mark = "—" alt = "—" title = "—" > Content here </IntegrationLogo>

Props

Prop	Type	Default	Description
id	String	(required)	Asset filename stem in third-party-logos, e.g. "splunk", "microsoft-sentinel".
mark	String	''	Fallback initials rendered when the id has no asset.
alt	String	''	Image alt text.
title	String	''	Tooltip on both the image and the fallback.

Slots

Slot	Description
default	Replaces the mark text in the fallback state.

IntegrationCard AgentAvatar UxIcon

IntegrationLogo

Usage

Props

Slots

Related