Murphy Logo Murphy

TxnSettings

The TxnSettings component is a popover that allows users to set the transaction priority, fee cap, and other transaction settings.

TxnSettings

Installation

Install shadcn/ui popover, toggle group, input, and button components

npx shadcn@latest add popover toggle-group input button

Install Murphis TxnSettings

pnpm dlx shadcn@canary add https://www.murphyai.dev/r/txn-settings.json
import { TxnSettingsProvider } from "@/components/murphis/txn-settings";
 
export default function Layout({
  children,
  }: {
    children: React.ReactNode;
  }) {
return (
  <div>
    <TxnSettingsProvider>
      {children}
    </TxnSettingsProvider>
  </div>
)
}

Basic Usage

import {TxnSettings} from "@/components/ui/murphy/pk-input.tsx" 
<TxnSettings />

Props

NameTypeDefault
triggerReact.ReactNode<Button variant="outline" size="icon"> <IconSettings size={16}></Button>

On this page