mui-plus-components

📦 A collection of additional components for Material UI (MUI), built with React and TypeScript.

This package provides extra UI components that are not available in the official MUI library, helping you build professional UIs faster and more efficiently.

🚀 Installation

yarn add mui-plus-components
# or
npm install mui-plus-components

Make sure you have @mui/material, @emotion/react, and react installed as peer dependencies.

📦 Dependencies

"Dependencies": {
  "react": ">=18",
  "react-dom": ">=18",
  "@mui/material": ">=5 || >=7",
  "@emotion/react": "^11",
  "@emotion/styled": "^11"
}

🧩 Available Components

✅ EllipsisTypography

A custom Typography component that truncates text with ellipsis (...) when the content overflows its container.

import { EllipsisTypography } from "mui-plus-components";

<EllipsisTypography lines={2}>
  You can customize the number of lines to display before the text is truncated.
  Adjust the "lines" prop as needed to control when the ellipsis appears.
</EllipsisTypography>;

✅ AnotherComponent (Example)

Brief description of another component in the package.

import { AnotherComponent } from "mui-plus-components";

<AnotherComponent prop="value" />;

📚 Documentation

Full documentation for each component will be provided soon.

🤝 Contributing

Contributions are welcome. You can propose new components, improvements, or bug fixes through the usual open-source workflow.

📄 License

MIT © Kerolos Magdy