Quint UI

Installation

pnpm add quint-ui tailwindcss

then in your tailwind styles (ie. styles.css) add:

@import "quint-ui/styles.css";
@source "../node_modules/quint-ui";

[!TIP] There's no need to do

@import "tailwindcss";

Quint does this for you.

Usage

import { Button } from "quint-ui";

<Button>Click me</Button>

Development workflow

In Quint

In this directory, run:

pnpm dev:docs

This starts a nextjs app you can use to write docs and/or test components.

In example apps

In this directory, run:

pnpm dev

This starts typescript in watch mode.

[!IMPORTANT] Make sure quint-ui is installed in the example via

"dependencies": {
  "quint-ui": "workspace:*"
}

Building

Docs website

pnpm build:docs

Package

pnpm build