A card component to facilitate app integrations, with source and target app icons, description, and action buttons.
Connect Figma to Discord
Integrate Figma with Discord for better collaboration.
Dependencies
react-iconsInstallation
npm install react-iconsProps
| Name | Type | Default | Description |
|---|---|---|---|
| onClose | () => void | undefined | Callback function triggered when the close button is clicked. |
| onCancel | () => void | undefined | Callback function triggered when the cancel button is clicked. |
| onIntegrate | () => void | undefined | Callback function triggered when the integrate button is clicked. |
| title | string | undefined | Title displayed in the card. |
| description | string | undefined | Description displayed below the title. |
| sourceApp | { name: string; Icon: ElementType; } | undefined | Details of the source app, including name and icon. |
| targetApp | { name: string; Icon: ElementType; } | undefined | Details of the target app, including name and icon. |