Metadiv ERP UI Library

This is a library for the Metadiv ERP UI.

Installation

npm install @metadiv.io/metadiv-erp

Functions

cn (clsx, twMerge)

import { cn } from "@metadiv.io/metadiv-erp"

useState

import { useState, IReactState } from "@metadiv.io/metadiv-erp"

const isOpen: IReactState<boolean> = useState<boolean>(false)

useTimerEffect

import { useTimerEffect } from "@metadiv.io/metadiv-erp"

createContext

import { createContext, withProviders } from "@metadiv.io/metadiv-erp"

alert

import { alert } from "@metadiv.io/metadiv-erp"

Components

Button

import { Button } from "@metadiv.io/metadiv-erp"

Tooltip

import { Tooltip } from "@metadiv.io/metadiv-erp"
import { Button } from "@metadiv.io/metadiv-erp"

<Tooltip.Root>
    <Tooltip.Trigger>
        <Button>Click me</Button>
    </Tooltip.Trigger>
    <Tooltip.Content>
        <p>Tooltip content</p>
    </Tooltip.Content>
</Tooltip.Root>

Input

import { Input } from "@metadiv.io/metadiv-erp"

Label

import { Label } from "@metadiv.io/metadiv-erp"

Skeleton

import { Skeleton } from "@metadiv.io/metadiv-erp"

MetaGrid

import { MetaGrid } from "@metadiv.io/metadiv-erp"
import { GridItem, ScreenResponsive } from "@metadiv.io/metadiv-erp"

MetaForm

import { MetaForm } from "@metadiv.io/metadiv-erp"
import { FormItem } from "@metadiv.io/metadiv-erp"

Pagination

import { Pagination } from "@metadiv.io/metadiv-erp"

SearchBar

import { SearchBar } from "@metadiv.io/metadiv-erp"

DropdownMenu

import { DropdownMenu } from "@metadiv.io/metadiv-erp"

Table

import { Table } from "@metadiv.io/metadiv-erp"

MetaTable

import { MetaTable } from "@metadiv.io/metadiv-erp"

MetaTableAdvance

import { MetaTableAdvance, useListHelper } from "@metadiv.io/metadiv-erp"

Select

import { Select } from "@metadiv.io/metadiv-erp"