Installation

This package needs TailwindCSS to work properly.

npm i --save @windui/react

TailwindCSS Config

/** @type {import('tailwindcss').Config} */ 
module.exports = {
  content: [
    "./node_modules/@windui/react/**/*.js",
    // others...
  ]
}

Provider

import { Provider } from '@windui/react';
import type { AppProps } from 'next/app';
import '../styles/globals.css';

export default function App({ Component, pageProps }: AppProps) {
    return (
        <Provider>
            <Component {...pageProps} />
        </Provider>
    );
};

Components

Drawer, Checkbox, Input, Modal, Provider, Skeleton, Spinner, Panel, Panels, Tab, Tabs, TabsGroup, Step, Wizard

Hooks

useToast()