# angular-kawaii

> Angular Kawaii is port from the awesome React Kawaii library.

Latest version **1.0.2** (published 2021-09-19) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2021-09-19 |
| First published | 2019-11-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 457.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | CJ |
| Maintainers | yanxch |

## Links

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

## Dependencies (1)

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

## Recent versions

- 1.0.2 (latest) — 2021-09-19
- 1.0.1 — 2019-12-16
- 1.0.0 — 2019-11-03
- 0.0.3 — 2019-11-02
- 0.0.2 — 2019-11-02
- 0.0.1 — 2019-11-02

## README

# AngularKawaii
[![Version](https://img.shields.io/npm/v/angular-kawaii.svg?style=flat-square)](https://www.npmjs.com/package/angular-kawaii)
![npm](https://img.shields.io/npm/dt/angular-kawaii.svg)

<div align="center" markdown="1">
  <img src="https://raw.githubusercontent.com/miukimiu/react-kawaii/master/docs/images/react-kawaii-logo%402x.png" width="450">
</div>

This is the Angular port of the awesome [react-kawaii](https://github.com/miukimiu/react-kawaii) component library.
All credit goes to [Elizabet Oliveira](https://github.com/miukimiu).


## Example

# ![React Kawaii Example](https://github.com/miukimiu/react-kawaii/blob/master/docs/images/react-kawaii-example.gif?raw=true)

# Contribute

Contributions are more than welcome. You can take an existing component from the react-kawaii project and port it to Angular. 
It is basically a copy & paste, with some exceptions:
* We need to add a svg prefix so that the Angular compiler knows that we'r rendering a SVG. So `<g ...></g>` turns into `<svg:g ..></svg:g>`.
* We need to tell Angular that we are using attribute bindings instead of the default property binding. So `<svg:g [d]="paths" ...>` 
  has to be `<svg:g [attr.d]="paths"...>`
* We can't use component selectors if we are splitting our kawaiis into multiple components. SVG does not like that.
  We have to use atttribute selectors for that.

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.6.

# Run

```
// 1.)
npm install angular-kawaii

// 2.) Import the AngularKawaiiModule

import { AngularKawaiiModule } from 'angular-kawaii';

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

// 3.) Usage

<Planet mood="happy" color="#A6E191"></Planet>

```

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