Components

The DID Space React library provides a set of core components to streamline the process of connecting to and interacting with DID Spaces. These components encapsulate complex logic for authentication, status checking, and data display, allowing you to build feature-rich applications with ease.

The two primary components are DIDSpaceConnect and DIDSpaceConnection.

How They Work Together#

While these components can be used independently, they are designed to work powerfully together. A common pattern is to use the DIDSpaceConnection component to display a list of available Spaces, and embed a DIDSpaceConnect component within its action prop to provide users with a "Connect" or "Reconnect" button for each space.

This diagram illustrates a typical user interaction flow:

To get started, dive into the detailed documentation for each component. We recommend starting with the DIDSpaceConnect component to understand the connection process.

Next, learn about the DIDSpaceConnect component in detail.