Transaction Settings

A comprehensive transaction settings dialog with priority fee, slippage, and other configuration options for Solana transactions.

Installation

Usage

import { TxnSettings, TxnSettingsProvider } from "@/components/soldevkit-ui/transaction/txn-settings";
import { Button } from "@/components/soldevkit-ui/button";
import { Settings } from "lucide-react";

export default function Example() {
  return (
    <TxnSettingsProvider>
      {/* Default trigger */}
      <TxnSettings />

      {/* Custom trigger */}
      <TxnSettings
        trigger={
          <Button variant="outline" size="icon">
            <Settings size={16} />
          </Button>
        }
      />
    </TxnSettingsProvider>
  );
}

Features

• Priority Fee Configuration: Choose between Normal, Medium, and Turbo priority levels
• Priority Fee Cap: Set dynamic or manual priority fee caps
• Slippage Management: Configure dynamic or fixed slippage tolerance
• Custom Slippage Values: Set specific slippage percentages (0.5%, 1%, 1.5%, or custom)
• Context Provider: Manage settings state across your application
• Customizable Trigger: Use any component as the settings trigger
• Form Validation: Built-in validation for numeric inputs
• Responsive Design: Works seamlessly on desktop and mobile

Props

Dependencies

This component requires the following dependencies:

{
  "@radix-ui/react-dialog": "^1.0.0",
  "lucide-react": "^0.263.0"
}

Built with ❤️ for the Solana ecosystem. Contributions welcome!