dinolabs-mint-ui

UI component for minting platform that can be used on your page


License
MIT
Install
npm install dinolabs-mint-ui@0.1.6

Documentation

DinoLabs Mint UI

DinoLabs minting platform is high performance solution to minting NFT collections on Cardano blockchain. Thanks to this component you can add minting form to your React website just in 5 minutes.

Getting started

First of all you have to install this package. To do this use run this command:

npm install dinolabs-mint-ui

After that what you have to do is to just use compnent on your site:

import React from 'react'
import { Minting } from 'dinolabs-mint-ui'

const collectionId = '' // This is ID of collection in our minting platform.

const MintingPage = () => (
	<Minting
		collectionId={collectionId}
		promoCodeMode="optional"
		maxAssetPerOrder={5}
		tokenName="BestTokenNFT"
	/>
)

And that's it. Your page is ready to let users mint tokens from your collection.

Options

collection: string

Identifier of collection in DinoLabs minting platform.

tokenName: string

Name of your token displayed in UI.

maxAssetPerOrder: number

Sets maximum number of assets that you allow to be bought within one order.

promoCodeMode?: 'optional' | 'required'

Specify if you require or allow promo code. required - you can use this option if you want to allow minting only to specific group of people that recieved vouchers. optional - this option is useful if you want to allow minting with discounted price for specific group of people with a promo code.

environment?: 'production' | 'test'

Environment that you want to use. By default production. Switch to test if you want to test design of your page.

onPayClick?: (address: string, amount: string) => Promise<void>

This callback is called when user click Pay button during AwaitingPayment phase. You can use it to making payment with wallet connetected to your page. If this callback is not defined the Pay button will not appear.