west Home
light_mode
MumpUI / Setup

Step I - Install

npm i mumpui

Step II - Initialize MumpUI

MumpUI need to be initialized only once at the top.

import MumpUI from 'mumpui'

function App() {
  return (<div>
    {/* Initialize MumpUI */}
    <MumpUI />

    ..

    <BrowserRouter>
      <Routes>
        <Route path="/" />
        ..
      </Routes>
    </BrowserRouter>
  </div>)
}

createRoot(document.getElementById('root') as HTMLElement).render(<App />)

Setp III - Setup theme

Import styles

import 'mumpui/dist/styles/index.css'

Add MumpUI class

<!doctype html>
<html>
  <head>
    ..
  </head>
  <body class="mumpui">
    ..
  </body>
</html>

🎉 Voila, good to go! 🚀