@zappar/splash
TypeScript icon, indicating that this package has built-in type declarations

0.0.0-rc.1 • Public • Published

@zappar/splash

An splash screen used for Zappar's example projects.

Table Of Contents

Click to expand table of contents

Starting Development

You can use this library by downloading a standalone zip containing the necessary files, by linking to our CDN, or by installing from NPM for use in a webpack project.

Standalone Download

Download the bundle from this link: https://libs.zappar.com/zappar-splash/0.0.0-rc.1/zappar-splash.zip

Unzip into your web project and reference from your HTML like this:

<script src="zappar-splash.js"></script>

CDN

Reference the zappar-splash.js library from your HTML like this:

<script src="https://libs.zappar.com/zappar-splash/0.0.0-rc.1/zappar-splash.js"></script>

NPM Webpack Package

Run the following NPM command inside your project directory:

npm install --save @zappar/examples-splash

Then import the library into your JavaScript or TypeScript files:

import { showUI } from "@zappar/splash";

Usage

Displaying the UI

import { showUI } from "../src/index";

showUI({
  // Hide the screen when user taps on the button.
  onClick: (e) => {
    // Pass 'false' to skip fading out.
    e.destroy();
  },
  title: "My title",
  subtitle: "My subtitle",
  buttonText: "SUBMIT",
  // background: "",
  // logo: "",
});

Readme

Keywords

none

Package Sidebar

Install

npm i @zappar/splash

Weekly Downloads

0

Version

0.0.0-rc.1

License

MIT

Unpacked Size

355 kB

Total Files

11

Last publish

Collaborators

  • david.szucs
  • seenevz
  • cgauld
  • deim
  • simon_zappar
  • jordan-zappar
  • george.martin
  • squeral
  • francesca.may
  • justin_zappar