React Components
Pre-built UI components from @emblemvault/emblem-auth-react for wallet authentication.
Installation
BA
terminalLoading...
📖 Related Documentation
ConnectButton
A ready-to-use button component that triggers wallet authentication. When disconnected, shows a connect button. When connected, displays vault information with a logout option.
🔌 Provider Required
Must be used within EmblemAuthProvider
Basic Usage
TS
App.tsxLoading...
Custom Styling & Labels
TS
Header.tsxLoading...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes |
| style | CSSProperties | - | Inline styles |
| connectLabel | ReactNode | "Connect" | Custom button content when disconnected |
| loadingLabel | ReactNode | "Connecting..." | Custom content during connection |
| onConnect | () => void | - | Callback after successful connection |
| onDisconnect | () => void | - | Callback after disconnection |
| showVaultInfo | boolean | false | Show vault details dropdown when connected |
| disabled | boolean | false | Disable the button |
Features
- • Automatic loading state during connection
- • Displays wallet address when connected
- • Optional vault info dropdown with addresses
- • Built-in logout functionality
- • Fully customizable styling and labels
- • Responsive design