React components
Integration apps
An animated list showing integration connection statuses.
Overview
The IntegrationApps component visualizes a queue of apps being connected. It animates items through a list, changing their status from "Connect" to "Processing" to "Connected".
Usage
import { IntegrationApps } from '@/components/core/features/integrations-apps';
function Integrations() {
return <IntegrationApps delay={1000} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
data | IntegrationData[] | defaultData | List of integrations to cycle through. |
delay? | number | 1500 | Delay for the "processing" state. |
className? | string | - | Optional CSS class names. |
Data Interface
interface IntegrationData {
title: string;
icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
}