1.0.0 • Published 2 years ago

canarva v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

CANARVA .js · GitHub forks GitHub stars GitHub license · logo-downloader jsDelivr

canarva.js is a front-end library help to build user interface of documents on web.

  • More template, less code: We write many template for yout to write only one line of code.
  • Easy to learn: We write custom tags for you to use wherever and whenever you want.
  • Make your own canarva: We allow you to customize canarva.js the way you want or you can also write plugins for canarva.js.

Installation

Preparing... CanarvaJs supports some installation

<script src="https://cdn.jsdelivr.net/gh/HainvNguyen12309/canarvaJs@0.0.1/scr/canarva.min.js"></script>

Examples

  • Notes:
    • The <script tag should be placed at the last of <body> tag.
    • scr attribute with ./canarvaJs/canarva.js value in <script scr="./canarvsJs/canarva.js"></script> line is only availble if you downloads the latest release from Github. if you don't want to download, you can try some installation ways at "Installation" part. This is "Hello World" in canarvajs
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!--   Codes write here   -->
    <main canarva-document>
      <title-heading styleable="true" bg="#f00" c="#fff">Hello World</title-heading>
    </main>
    <!--   Include <script> tag   -->
    <script scr="./canarvsJs/canarva.js"></script>
  </body>
<html>

This example will display "Hello World" with red background and white text if you open the file. If "Hello World" doesn't have that, then you are failed to install the library, see "Installation" part and try to install it again.

You can see full components of canarvajs at ./test/index.html.

License

Canarvajs is MIT licensed.