### Installing teller-connect-react with npm

Source: https://github.com/tellerhq/teller-connect-react/blob/master/README.md

Command to install the teller-connect-react library using the npm package manager.

```Shell
npm install --save teller-connect-react
```

--------------------------------

### Installing teller-connect-react with yarn

Source: https://github.com/tellerhq/teller-connect-react/blob/master/README.md

Command to install the teller-connect-react library using the yarn package manager.

```Shell
yarn add teller-connect-react
```

--------------------------------

### Using the TellerConnect Component

Source: https://github.com/tellerhq/teller-connect-react/blob/master/README.md

Provides an example of using the <TellerConnect /> component directly, which is an alternative to the useTellerConnect hook. It demonstrates passing configuration options as props like applicationId, onSuccess, onEvent, and onExit, and customizing the button appearance.

```TypeScript
import { TellerConnect } from "teller-connect-react";

const App extends React.Component {
  // ...
  render() {
    return (
      <TellerConnect
        className="CustomButton"
        style={{ padding: '20px', fontSize: '16px', cursor: 'pointer' }}
        applicationId={this.state.applicationId}
        onSuccess={this.onSuccess}
        onEvent={this.onEvent}
        onExit={this.onExit}
      >
        Link your bank account
      </TellerConnect>
    );
  }
}
```

--------------------------------

### Presenting Teller Connect Immediately with useTellerConnect Hook

Source: https://github.com/tellerhq/teller-connect-react/blob/master/README.md

Shows how to use the useTellerConnect hook in conjunction with React.useEffect to automatically open the Teller Connect modal when the component is ready, without requiring user interaction.

```TypeScript
import { useTellerConnect } from 'teller-connect-react';

// ...

const { open, ready } = useTellerConnect(config);

// Present Teller Connect immediately on load
React.useEffect(() => {
  if (ready) {
    open();
  }
}, [ready, open]);

return <></>;
```

--------------------------------

### Using useTellerConnect Hook with Button

Source: https://github.com/tellerhq/teller-connect-react/blob/master/README.md

Demonstrates how to use the useTellerConnect hook to open the Teller Connect modal via a button click. It shows basic configuration including applicationId and onSuccess callback.

```TypeScript
import { useTellerConnect } from 'teller-connect-react';

// ...

const { open, ready } = useTellerConnect({
  applicationId: "YOUR_APPLICATION_ID",
  onSuccess: (authorization) => {
    // Save your access token here
  },
});

return (
  <button onClick={() => open()} disabled={!ready}>
    Connect a bank account
  </button>
);
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.