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}"],
};