Murphy

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

TxnSettings

Open in

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://onchainkit.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

Name	Type	Default
`trigger`	`React.ReactNode`	`<Button variant="outline" size="icon"> <IconSettings size={16}></Button>`

Txn Settings

TxnSettings

Installation

Basic Usage

Props

On this page