angular-mui

UI Library for Angular

Usage no npm install needed!

<script type="module">
  import angularMui from 'https://cdn.skypack.dev/angular-mui';
</script>

README

angular-mui

NPM version

This is UI library for Angular

Requirements

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

Installation

yarn

yarn add angular-mui

npm

npm i --save angular-mui

Import MuiModule

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

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

Mui Components

Buttons

mui buttons

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

// 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