← Components
Integration
Integration-connector building blocks: third-party brand logos and the active/available connector card for integration catalogs.
IntegrationCardIntegration connector card with two states sharing one grid so names align when stacked: active promotes the connector to a primary-bordered stat card (logo cell, name + "active", value/label stats, config rail); available is a recessed add-row (logo chip, name + description, dashed add button).
IntegrationLogoThird-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.