SolRengine Starter · solrengine-ui v0.4.0
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div class="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-xl p-5">
  <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">Send SOL</h3>
  <form class="space-y-4"
          data-controller="send-transaction"
          data-send-transaction-wallet-address-value="7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU"
          data-send-transaction-rpc-url-value="https://api.devnet.solana.com"
          data-send-transaction-chain-value="solana:devnet"
          data-action="submit->send-transaction#send">
    <div>
      <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">From</label>
      <div class="text-xs font-mono text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-3 py-2 rounded-lg">
        7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU
      </div>
    </div>
    <div>
      <label for="sui-send-recipient" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Recipient</label>
      <input type="text" name="recipient" id="sui-send-recipient" placeholder="Solana address" required
               data-send-transaction-target="recipient"
               class="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white text-sm focus:ring-2 focus:ring-purple-500 focus:border-transparent" />
    </div>
    <div>
      <label for="sui-send-amount" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Amount (SOL)</label>
      <input type="number" name="amount" id="sui-send-amount" step="0.000000001" min="0" placeholder="0.0" required
               data-send-transaction-target="amount"
               class="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white text-sm focus:ring-2 focus:ring-purple-500 focus:border-transparent" />
    </div>
    <button type="submit"
              data-send-transaction-target="submit"
              class="w-full py-2.5 px-4 bg-purple-600 hover:bg-purple-700 text-white font-medium rounded-lg text-sm transition-colors cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed">
      Send Transaction
    </button>
    <div data-send-transaction-target="status" class="hidden"></div>
  </form>
</div>
1
2
3
4
render(Solrengine::Ui::SendTransactionFormComponent.new(
  wallet_address: "7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU",
  network: "devnet"
))

No notes provided.

No params configured.