Skip to content
This WebComponent is for easy use of Ascii Art.
TypeScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
README.md
package-lock.json
package.json
stencil.config.ts

README.md

AA-UI

This WebComponent is for easy use of Ascii Art.

Feature

  • Web Component
  • Font

One Click Quick-star

Codepen Link

<script src='https://unpkg.com/aa-ui@0.0.1/dist/app.js'></script>
<link rel="stylesheet" href="https://unpkg.com/aa-ui@0.0.1/dist/app.css">
<div style="width:30%">
  <aa-svg aa="  ∧_∧\n  ( ´∀`)\n  (    )\n  | | |\n  (__)_)\n"></aa-svg>
</div>

Installation

npm install aa-ui

Usage

Angular

// node_modules/@ionic/app-scripts/config/copy.config.js
module.exports = {
  // ...
   copyAAUIComponent: {
    src: ['{{ROOT}}/node_modules/aa-ui/dist/aa-ui.css', '{{ROOT}}/node_modules/aa-ui/dist/aa-ui.js', '{{ROOT}}/node_modules/aa-ui/dist/aa-ui**/*'],
    dest: '{{BUILD}}'
  }
} 
// src/app/app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { SharedModule } from './shared/shared.module';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, FormsModule, SharedModule],
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppModule {}

Nuxt

// nuxt.config.js
  head: {
 // ...
     script: [{ src: "https://unpkg.com/aa-ui@0.0.1/dist/app.js" }]
  },

License

AA-UI is MIT licensed.

You can’t perform that action at this time.