Torque Drawer

The easiest way to add Torque functionality to your application is to use the TorqueDrawer component that comes bundled inside of the Torque UI library.

A user will be able to:

  • View available offers/campaigns

  • Track their progress

  • Complete requirements

  • Claim rewards

Usage

To use the Torque Drawer, simply import it into your application and render it in your page. (Also ensure that you've set up the TorqueProvider already as a parent to the drawer.)

import "@torque-labs/torque-ui/index.css";
import { TorqueDrawer } from "@torque-labs/torque-ui";

function MyApp() {
  return (
    <div>
      <h1>My Solana App</h1>

      <TorqueDrawer buttonClassName="text-base" buttonLabel="Open Torque" />
    </div>
  );
}

Props

Last updated