Headless component wrapper library for Material UI
npm install @grampro/low-code-libsrc directory or Next.js app directory.
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 (
<>
label="Role"
options={[
{ label: "Admin", value: "admin" },
{ label: "User", value: "user" },
]}
/>
>
);
}
``