Components

The DID Space React library provides a set of components designed to simplify the integration of DID Space functionalities into your application. These components handle the connection flow, authentication, and display of space information, allowing you to build features quickly.
This section provides an overview of the two primary components: DIDSpaceConnect for initiating connections and DIDSpaceConnection for displaying space details.
Below is a diagram illustrating a typical user flow involving both components:

DIDSpaceConnect
The `DIDSpaceConnect` component is the primary tool for establishing a connection to a user's DID Space. It renders a button that triggers the full authentication and authorization workflow, abstracting away the complexities of the DID connection protocol. It can be configured for initial connections, reconnections, and session-based interactions.
DIDSpaceConnection
The `DIDSpaceConnection` component functions as a display card, providing a visual representation of a single DID Space. It shows essential information such as the space's name, DID, NFT avatar, and its current connection status (e.g., Connected, Disconnected, or specific error states). This component is ideal for listing available spaces or showing the details of a currently connected space.

Now that you have an overview of the available components, you can dive into the specifics of each one to start building your integration.
Next: DIDSpaceConnect
Overview

Getting Started

Components

API Reference

Components

DIDSpaceConnect

DIDSpaceConnection

Getting Started

DIDSpaceConnect
