Getting Started

Aiqia UI is a component library that is designed to use in Aiqia apps.

Installation

Getting up and running is quick and easy.

Install Aiqia UI

pnpm install @aiqiabr/aiqia-ui

Tailwind config

Define the custom tailwind config:

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@aiqiabr/aiqia-ui/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

Import the CSS file

Import styles in your css file with tailwind import:

// globals.css
@import "tailwindcss";
@import "tw-animate-css";
// 👇
@import "@aiqiabr/aiqia-ui/variables.css";
@config "../tailwind.config.js";
...

Start building

You are now ready to use Aiqia UI components.

import { Button } from "@aiqiabr/aiqia-ui";

export default function MyApp() {
  return <Button>Click me!</Button>;
}