Installation Guide :

Demo Here

with npm

npm install quantifiedante

with Yarn

yarn add quantifiedante

with pnpm

pnpm add quantifiedante

Update tailwind.config.js

content:["./node_modules/quantifiedante/**/*.{js,ts,jsx,tsx}"]

Types for navigation content

type NavItem = {
  name: string
  icon: React.ReactNode
  path?: string
  pro?: boolean
  novice?: boolean
  elite?: boolean
  isPublic?: boolean
  crossDomain?: boolean // for microservice redirection
  newTab?: boolean
  subItems: {
    name: string
    path: string
    pro?: boolean
    novice?: boolean
    elite?: boolean
    crossDomain?: boolean
    newTab?: boolean
  }[]
}

interface NavInterface {
  title: string
  items: Array<NavItem>
}

Note: If You are using Docker for Development, Delete Already Build Image, Container and all the previous related build.

PhoneInput

import { PhoneInput } from "quantifiedante";


<PhoneInput
  required ={boolean},
  label = {"Mobile"},
  value={"+9779800000000"}
  onChange={({countryCode,phoneNumber,numberWithOutCode,country})=>{}},
/>