@grampro/low-code-lib

A headless component wrapper library for Material UI, designed for low-code applications and easy integration.

Features

• Headless Wrappers: Simplified interfaces for complex Material UI components.
• Interactive CLI: Easily add components to your project with a nice interactive header.
• Auto-Dependency Management: Automatically checks and informs about required dependencies.
• Dynamic Path Detection: Smartly detects if you are using a src directory or Next.js app directory.

Installation

You can use the library directly via npx:

npx @grampro/low-code-lib add

Or install it globally/locally:

npm install -g @grampro/low-code-lib
grampro-lib add

Supported Components

• Input: Wrapper for TextField.
• Select: Wrapper for Select with MenuItem.
• Checkbox: Wrapper for Checkbox with FormControlLabel.
• Switch: Wrapper for Switch with label support.
• DataGrid: Pre-styled wrapper for @mui/x-data-grid.
• Dialog: Simplified Dialog with confirm/cancel actions.
• Snackbar: Toast notifications with Alert.
• Breadcrumbs: Easy to use breadcrumb navigation.

Usage

1. Run the CLI:

   npx @grampro/low-code-lib add

2. Select the components you want to use.
3. Confirm the installation path (defaults to src/components/ui or app/components/ui).
4. Import and use the components in your project!

import { Input, Select } from "./components/ui";

function App() {
  return (
    <>
      <Input label="Username" />
      <Select
        label="Role"
        options={[
          { label: "Admin", value: "admin" },
          { label: "User", value: "user" },
        ]}
      />
    </>
  );
}

License

ISC