LogoLogo
Back to Dript
  • Welcome to Dript
  • Integration Requirements
  • Dript Flows
  • Quick Start Guide
  • Dript Buttons
  • Development (sandbox)
  • Direct URL Integration
  • FAQ
Powered by GitBook
On this page
  • Button Styles
  • Button Copy
  • Deposit Flow
  • Withdraw Flow

Dript Buttons

PreviousQuick Start GuideNextDevelopment (sandbox)

Last updated 1 month ago

Dript provides a set of customizable buttons that you can easily integrate into your product. Each button is fully responsive and will automatically expand to the full width of its parent container.

Button Styles

We offer three visual button styles: light, dark, and colored. These are controlled via the buttonStyle property.

// option to pass through
buttonStyle: "style-1" | "style-2" | "style-3";
Button Type
Button Style

style-1

style-2

style-3

Button Copy

You can control the text displayed inside the button using the buttonText property. The actual label will be determined by the flow (e.g. deposit, withdraw) and the selected text variant. If no buttonText is provided, the button will only display the Dript logo with no text.

// option to pass through
buttonText: "text-1" | "text-2" | "text-3";

Local encoding (coming soon)

The actual text for each option is managed by Dript and may vary slightly depending on locale or version.

Deposit Flow

When passing the deposit flow option.

buttonText enum value
Text shown on button

text-1

Deposit with

text-2

Credit Card via

text-3

Buy with

Withdraw Flow

When passing the withdraw flow option.

buttonText enum value
Text shown on button

text-1

Withdraw with

text-2

Connect & Withdraw with

text-3

Fast-track with

Example with passed through buttonText property