# angular-mui

> UI Library for Angular

Latest version **0.0.5** (published 2021-04-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular-mui
pnpm add angular-mui
yarn add angular-mui
bun add angular-mui
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2021-04-20 |
| First published | 2021-04-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 157.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Rachit Gupta |
| Maintainers | _rachit_gupta |
| Keywords | UI Library, Angular UI, MUI, CSS for Angular, Angular 8, typescript, ui-components |

## Links

- npm: https://www.npmjs.com/package/angular-mui
- Repository: https://github.com/rachitgupta98/angular-mui
- Homepage: https://github.com/rachitgupta98/angular-mui#readme
- Issues: https://github.com/rachitgupta98/angular-mui/issues
- npm.io page: https://npm.io/package/angular-mui

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 0.0.5 (latest) — 2021-04-20
- 0.0.4 — 2021-04-20
- 0.0.3 — 2021-04-20
- 0.0.2 — 2021-04-20
- 0.0.1 — 2021-04-20

## README

# angular-mui

[![NPM version](https://img.shields.io/npm/v/angular-mui.svg)](https://npmjs.org/package/angular-mui)

This is UI library for [Angular](https://angular.io/)

## Requirements

```json
{
  "@angular/cli": ">=8.0.0"
}
```

## Installation

### yarn

```bash
yarn add angular-mui
```

### npm

```bash
npm i --save angular-mui
```

## Import MuiModule

```typescript
// app.module.ts
import { MuiModule } from "angular-mui";

@NgModule({
  imports: [
    MuiModule, // add MuiModule to your imports
  ],
})
export class AppModule {}
```

## Mui Components

### Buttons

![mui buttons](https://github.com/rachitgupta98/angular-mui/blob/master/assets/mui-buttons.png)

| Attribute             | Description                          |
| --------------------- | ------------------------------------ |
| `mui-btn`             | It will enhance button to mui button |
| `variant="text"`      | mui text button with no elevation    |
| `variant="contained"` | mui contained button with elevation  |
| `variant="outline"`   | mui outline button with no elevation |

### Theming

Buttons background can be colored using color attribute to predefined color(primay,secondary,success) or any other color.

## Usage Example

```typescript
// app.component.html
<button mui-btn variant='text' color="primary">Primary</button> // text button

<button mui-btn variant='contained' color="primary">Primary</button> // contained button

<button mui-btn variant='outline' color="primary">Primary</button>  // outline button

```

### Cards

Mui Cards will be uploaded in next version.

## License

[MIT](https://github.com/rachitgupta98/angular-mui/blob/master/LICENSE)

---
_Source: https://npm.io/package/angular-mui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._