Skip to content

[UI] Design the "Interactive Function Card" #4

@mijinummi

Description

@mijinummi

Title: [UI] Design the "Interactive Function Card" for the Sandbox

📝 Description

Each function in the smart contract needs a "Card" where users can see parameters and click "Execute." This is the heart of the "Swagger for Web3" experience.

🎯 Goal

Create a React component in libs/sandbox that renders a function's name, its inputs as text fields, and a "Run" button.

✅ Requirements

  • Inputs must dynamically generate based on the function's arguments.
  • Include a "Result" area that displays the output of the contract call (or an error message).
  • Styled to look professional and developer-centric.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions