Elementique Docs

Quick Start

Installation Guide

Follow these steps to get started with Elementique:

Install the library directly using npm:

npm install elementique

Vite

  1. Setup a new Vite+React application using Typescript:
npm create vite@latest --typescript
  1. Install Elementique
npm install elementique
  1. Import and use Elementique components
import { Navbar } from 'elementique';
 
function App() {
  return (
    <>
      <Navbar 
        title='Navbar' 
        bg='royalblue' 
        color='#000' 
        fontsProperty={{size: "14px", weight: 600}} 
        links={[
          {
            label: "Home", href: "/",
          },
          {
            label: "About", href: "/about",
          },
        ]} 
      />
    </>
  )
}
 
export default App;

NextJS

  1. Setup a new Next JS application using Typescript:
npx create-next-app@latest --typescript
  1. Install Elementique
npm install elementique
  1. Import and use Elementique components
import { Navbar } from 'elementique';
 
function App() {
  return (
    <>
      <Navbar 
        title='Navbar' 
        bg='royalblue' 
        color='#000' 
        fontsProperty={{size: "14px", weight: 600}} 
        links={[
          {
            label: "Home", href: "/",
          },
          {
            label: "About", href: "/about",
          },
        ]} 
      />
    </>
  )
}
 
export default App;

Previous

Introduction

Next

Components

On this page

Installation GuideViteNextJS