ts-ticket v0.3.6

TsTicket

Description

The ts-ticket package help you embed your Dashboard interface into your application. Make sure you have an account on our website.

Installation

To install My Awesome NPM Package, run:

    npm install ts-ticket

Usage with React

Using ts-ticket is simple. Here's an example:

import './App.css';
import { setupTicket} from 'ts-ticket';

function App() {
  return (
    <div className="App">
        <ts-ticket></ts-ticket> 
      <div className="card">
        <button onClick={() => setupTicket({
         applicationName: "<Your-applicaiton-name>",
          applicationId: "<your-application-id>",
          apiKey: "<your-api-key>",
          userEmail: "<your-application-email>",
          color: "<your-application-color>",
          userPhoneNumber: "<user-phone-number>",
          userName: "<user-name>",
        })}>
            My Button
        </button>
      </div>
    </div>
  )
}

export default App

Usage with Vue

Using ts-ticket is simple. Here's an example:

<script setup lang="ts">
import {setupTicket} from 'ts-ticket';
</script>

<template>
  <div>
    <ts-ticket></ts-ticket> 
    <button @click="setupTicket({
          applicationName: "<Your-applicaiton-name>",
          applicationId: "<your-application-id>",
          apiKey: "<your-api-key>",
          userEmail: "<your-application-email>",
          color: "<your-application-color>",
          userPhoneNumber: "<user-phone-number>",
          userName: "<user-name>"
        })">
        Button
    </button>
  </div>
</template>

<style scoped>
  button {
    padding: 1.2rem 2rem;
    background: #42b883aa;
    border-radius: .4rem;
  }

</style>