Installation

Install the package

npm install akaza-ui

pnpm add akaza-ui

yarn add akaza-ui

Setup

Nuxt

Add the Nuxt module to your nuxt.config.ts. It automatically registers all components as auto-imports and injects the CSS — no further setup required.

export default defineNuxtConfig({
  modules: ['akaza-ui/nuxt'],
})

Vue (with Tailwind CSS)

Import component styles in your CSS entry point. Declare the akaza-reset layer before Tailwind so that utility classes can override component base styles:

@layer akaza-reset;
@import "tailwindcss";

Then import components where you use them:

<script setup lang="ts">
import { Dialog, Tooltip } from 'akaza-ui'
</script>

Vue (without Tailwind)

Import the CSS in your app entry point:

import 'akaza-ui/dist/akaza-ui.css'

TypeScript support

Akaza UI is fully typed. Types are exported alongside components:

import type { AccordionItem, DialogProps } from 'akaza-ui'

Framework compatibility