Design System

Solana Safety Patterns

CopyCC

Available via @stackmates/ui-onchain

Nuclear Warning Pattern

A pattern for destructive operations (like account closing) that requires explicit confirmation and balance detection.

Close Account

This account contains **0.42 SOL**. Closing it will permanently delete the account data. Proceed with extreme caution.

PropsContribute this section

Installation

typescript
import * as solana from '@stackmates/ui-onchain/solana';
const { DisconnectConfirmation } = solana;

Accessibility

  • Uses focus trap when confirmation modal is open.
  • Requires explicit button click with specific styling to prevent accidental activation.

Transaction Simulation

Always show users exactly what will change in their wallet before they sign.

Simulation Results

Asset Out- 1.50 SOL
Asset In+ 450.00 USDC
PropsContribute this section

Installation

typescript
import * as solana from '@stackmates/ui-onchain/solana';
const { TransactionSimulator } = solana;
Accessibility notesContribute this section