ZetaChain UI Toolkit

Description

This project has a UI Toolkit for ZetaChain Apps. It exposes our theme, some components, and utils.

Installation

NPM

npm install @zetachain/ui-toolkit

Yarn

yarn add @zetachain/ui-toolkit

Basic Usage

Importing the tailwind theme config

Import @zetachain/ui-toolkit/theme/tailwind.config into the base tailwind configuration file on the root of the app that will consume the theme.

IMPORTANT: Add the content config listing all the components that will use tailwind classes.

Example tailwind.config.js:

const twConfig = require("@zetachain/ui-toolkit/theme/tailwind.config");

module.exports = {
  ...twConfig,
  content: ["./src/**/*.{ts,tsx,js,jsx}"],
};