angular-glass
Version:
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.3.
67 lines (49 loc) • 2.01 kB
Markdown
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.3.
```
npm install angular-glass
```
```
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { GlassModule } from "angular-glass";
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
GlassModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
```
<div class="parent">
<div class="container" asGlass [outlineWidth]=4>
<p>This is a Test for glassMorphism module angular-glass</p>
</div>
</div>
```
| Property | Default Value | Permitted Values |
|-------------- |--------------- |-------------------------- |
| blur | 4 | any integer from 0-20 |
| opacity | 0.25 | 0-1 |
| borderRadius | 10 | any positive number |
| showOutline | true | boolean |
| outlineWidth | 1 | any positive number |
| r | 255 | any number between 0-255 |
| g | 255 | any number between 0-255 |
| b | 255 | any number between 0-255 |
