Transaction Modal
Pre-flight transaction simulation modal with net balance changes, network fee breakdown, and approval states.
Loading component preview...
Props
[10 props]| Prop | Type | Default | Description |
|---|---|---|---|
| isOpen | boolean | false | Controls visibility of the modal dialog. |
| onClose | () => void | undefined | Callback triggered when user cancels or dismisses. |
| onConfirm | () => void | undefined | Callback triggered upon approving the transaction. |
| dappName | string | "Jupiter Aggregator" | Display name of requesting dApp. |
| dappIcon | string | "https://jup.ag/svg/jupiter-logo.svg" | URL of requesting dApp logo. |
| diffs | BalanceDiffItem[] | DEFAULT_DIFFS | Array of simulated balance changes. |
| estimatedFeeSol | number | 0.00005 | Estimated transaction fee in SOL. |
| inline | boolean | false | When true, renders inline without fixed overlay. |
| isSimulating | boolean | false | Loading indicator during transaction simulation. |
| className | string | undefined | Optional Tailwind CSS class name overrides. |
