@suada/react v1.0.0-rc.26

@suada/react

React components for Suada's integration management system. This package provides React-specific implementations of Suada's integration UI components.

Installation

npm install @suada/react

Usage

import { IntegrationManager } from '@suada/react';

function App() {
  return (
    <IntegrationManager
      config={{
        apiKey: 'your-api-key',
        externalUserIdentifier: 'user-123',
        gridColumns: 3,
        onIntegrationConnected: (integration) => {
          console.log(`${integration} connected`);
        },
        onIntegrationDisconnected: (integration) => {
          console.log(`${integration} disconnected`);
        }
      }}
    />
  );
}

Components

IntegrationManager

The main component for managing integrations. Displays a list of available integrations and their current status.

IntegrationCard

A standalone component for displaying a single integration with its status and controls.

Props

IntegrationManager Props

Configuration Options

IntegrationCard Props

Development

# Install dependencies
npm install

# Run tests
npm test

# Build the package
npm run build

# Run linting
npm run lint

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

MIT