Quickstart

• Spin up: connect wallet, create first market, submit first belief (code snippets when ready).

• Payoff Engine SDK

  • Intent → PDF solver, common templates (smooth option, range, straddle), preview & quote, submit txn.

• Market Explorer API

  • Search/filter live markets; expose question, aggregate PDF, pool size, bounds.

• UI Widgets

  • “Easy/Pro” trade inputs, payoff preview, histogram chips, aggregate PDF graph.

• Composability Patterns

  • Single venue → multiple products (range chips, smooth options, liquidity bet).

Use any of our modular components from our library. The Button component extends the styled.button component and styles the button with a black background color, white text, and 10px of padding.

import React, { Component, Suspense } from 'react';
import styled from 'styled-components';

const styles = {
  button: {
    background-color: #F9F9F9;
    color: #fff;
    padding: 10px;
    border: none;
    cursor: pointer;
  },
};

const Button = withStyles(styles)(styled.button)`
  ${styles.button};
`;

class MyComponent extends Component {
  render() {
    return (
      <Button>Trade</Button>
    );
  }
}

export default MyComponent;