Overview

The @blocklet/did-space-react package provides a focused set of React components to integrate DID Space functionalities into your application. It simplifies the process of connecting to a user's DID Space and displaying its information by handling the underlying authentication and data fetching.
The library is built around two core components that work together to create a complete user experience for DID Space interaction.
Core Components#DIDSpaceConnect
This component renders a button that initiates the connection to a DID Space. It manages the entire authentication flow and returns the essential `spaceGateway` object upon a successful connection.
DIDSpaceConnection
This component is a display card designed to present the details of a connected DID Space, such as its name, DID, and connection status. It is also customizable to fit your application's needs.
Typical Integration Flow#The components are designed to be used in sequence to handle the full connection and display lifecycle. The following diagram illustrates a typical user flow:

This workflow allows you to build features that require user-owned storage and identity verification with minimal setup. The components handle the complexity, letting you focus on your application's logic.
Next Steps#To start implementing these components, proceed to the Getting Started guide for installation instructions and a basic usage example.

Overview

Getting Started

Components

API Reference

Overview

Core Components#

DIDSpaceConnect

DIDSpaceConnection

Typical Integration Flow#

Next Steps#

Getting Started