# integration-card — Examples

## Available (default)

```html
<integration-card-ui
  provider="slack"
  name="Slack"
  logo="/integrations/slack.svg"
  description="Send AI replies and notifications to channels."
  status="available">
</integration-card-ui>
```

## Connected — overflow menu

```html
<integration-card-ui provider="github" name="GitHub" status="connected"
                      logo="/integrations/github.svg"
                      description="Sync issues and pull requests.">
  <menu-ui slot="actions" label="More" trigger-icon="dots-three" trigger-variant="ghost">
    <menu-item-ui action="reauth">Re-authenticate</menu-item-ui>
    <menu-item-ui action="disconnect" variant="danger">Disconnect</menu-item-ui>
  </menu-ui>
</integration-card-ui>
```

## Error — Retry

```html
<integration-card-ui provider="stripe" name="Stripe" status="error"
                      error-message="Token expired — re-authenticate.">
</integration-card-ui>
```

## Coming soon (non-interactive)

```html
<integration-card-ui provider="zapier" name="Zapier" status="coming-soon">
</integration-card-ui>
```
