1.0.0 • Published 2 years ago
canarva v1.0.0
CANARVA .js
· ·
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 forcanarva.js
.
Installation
Preparing...
CanarvaJs supports some installation
- Download the latest release (
.zip
). - use CDN link from jsDelivr.
<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
- The
<!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.
1.0.0
2 years ago