The Identity Button
The IdentityButton is a reference implementation of a UI component to communicate to dApp users the current status of their Gateway Token, or Gateway Token request.
It changes appearance with text and icons to indicate when the user needs to take action and can be clicked by the user at any point in the process. The initial click for a new user will initiate the flow for the user to create a new Gateway Token.
Once the user has gone through KYC and submitted their Gateway Token request via the Civic compliance iFrame, any subsequent click will launch the Civic compliance iframe with a screen describing the current status of the flow.
Property
Description
Type
mode
The default setting of the button is dark. We also provide a light mode.
DARK | LIGHT
animation
The button provides a neat animation on hover. The default value is dark mode
true | false
1
import {
2
IdentityButton,
3
ButtonMode,
4
} from '@civic/solana-gateway-react';
5
6
<IdentityButton mode={ButtonMode.LIGHT} animation={true} />
Copied!
Here's an example of the status information the user will see when they mouse over the Identity Button:
Last modified 13d ago
Copy link