angular-unicornify

🦄 angular-unicornify

Angular ready directives and a service for unicornifying your site. The two directives included are unicornify-me and unicornify-clear and the service is injectable as UnicornifyService.

Usage

import { UnicornifyModule } from "angular-unicornify";

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, UnicornifyModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { UnicornifyService } from "angular-unicornify";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(readonly unicorns: UnicornifyService) {
  }
}

<div class="cornify">
  <span class="corns" unicornify-me>🦄</span>
  <span class="corns-clear" unicornify-clear>🗑️</span>
  <span>{{ unicorns.count }}</span>
</div>

Reference

export class AppComponent {
  constructor(readonly unicorns: UnicornifyService) {
  }
}

• add: () => void - 🦄
• remove: () => void - remove all unicorns
• count: number - how many unicorns?

🙌 Credits

Big thanks to:

Unicorns & Rainbows On-Demand

use-cornify