@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:

``

bash

npx @grampro/low-code-lib add





Or install it globally/locally:

bash

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:

bash

   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!

tsx

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



function App() {

  return (

    <>