@woovi/ui

Woovi UI component library built with React and Material-UI.

Installation

npm install @woovi/ui
# or
yarn add @woovi/ui
# or
pnpm add @woovi/ui

Usage

import i18n from "i18next"

import { Button, Card, ThemeProvider } from "@woovi/ui";
import { SnackbarProvider } from "notistack"
import { I18nextProvider, initReactI18next } from "react-i18next"
import { BrowserRouter } from "react-router"

import en from '@woovi/ui/locales/en.json';
import es from '@woovi/ui/locales/es.json';
import ptBR from '@woovi/ui/locales/pt-BR.json';

i18n.use(initReactI18next).init({
  resources: {
    en: {
      translation: en,
    },
    es: {
      translation: es,
    },
    "pt-BR": {
      translation: ptBR,
    },
  },
  lng: "en",
  fallbackLng: "en",
  interpolation: {
    escapeValue: false,
  },
})

function Providers() {
  return (
    <ThemeProvider>
      <SnackbarProvider maxSnack={3}>
        <I18nextProvider i18n={i18n}>
          <BrowserRouter>{children}</BrowserRouter>
        </I18nextProvider>
      </SnackbarProvider>
    </ThemeProvider>
  )
}

function App() {
  return (
    <Providers>
      <Card>
        <Button>Click me</Button>
      </Card>
    </Providers>
  );
}

Requirements

• React 18.3.1 or higher
• React DOM 18.3.1 or higher

License

MIT