0.12.6 • Published 9 months ago

tenoxui v0.12.6

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

Installation

Using npm:

npm i tenoxui --save-dev

Using CDN :

<script src="https://cdn.jsdelivr.net/npm/tenoxui@latest/dist/js/tenoxui.min.js"></script>

Start a Project

HTML :

<!doctype html>
<html>
  <head>
    <title>TenoxUI</title>
    <script src="https://cdn.jsdelivr.net/npm/tenoxui"></script>
  </head>
  <body>
    <h1 class="text-#ccf654 fs-4rem">Hello World!</h1>
    <script>
      tenoxui({ text: "color", fs: "fontSize" });
    </script>
  </body>
</html>

React :

import { useLayoutEffect } from "react";
import tenoxui from "tenoxui";

const App = () => {
  useLayoutEffect(() => {
    // add tenoxui
    tenoxui({ text: "color", fs: "fontSize" });
  }, []);

  return <h1 className="text-#ccf654 fs-4rem">Hello World!</h1>;
};

export default App;

Types and Properties

TenoxUI also provide a library of defined types and properties that you can use without defining it one by one. You can add the property to your project using CDN or install it using npm :

<script src="https://cdn.jsdelivr.net/npm/@tenoxui/property"></script>

Or :

npm i tenoxui @tenoxui/property
import tenoxui from "tenoxui";
import property from "@tenoxui/property";

Usage example

<script>
  tenoxui(property);
</script>

Or ReactJS :

import { useLayoutEffect } from "react";
import tenoxui from "tenoxui";
import property from "@tenoxui/property";

const App = () => {
  useLayoutEffect(() => {
    // add tenoxui
    tenoxui(property); // use tenoxui property
  }, []);

  return <h1 className="tc-red">Hello World!</h1>;
};

export default App;

You can see all types and properties on GitHub Repository or Here.

Other Packages

0.12.4

9 months ago

0.12.5

9 months ago

0.12.6

9 months ago

0.12.3

9 months ago

0.12.2

9 months ago

0.12.0-alpha.0

9 months ago

0.12.0-alpha.1

9 months ago

0.12.0

9 months ago

0.12.1

9 months ago

0.10.0-alpha.6

1 year ago

0.10.0-alpha.3

1 year ago

0.10.0-alpha.2

1 year ago

0.10.0-alpha.5

1 year ago

0.10.0-alpha.4

1 year ago

0.10.0-alpha.1

1 year ago

0.11.0

1 year ago

0.11.1

12 months ago

0.11.2

12 months ago

0.11.3

11 months ago

0.11.0-alpha.6

1 year ago

0.11.0-alpha.5

1 year ago

0.11.0-alpha.8

1 year ago

0.11.0-alpha.7

1 year ago

0.11.0-alpha.9

1 year ago

0.11.0-alpha.2

1 year ago

0.11.0-alpha.1

1 year ago

0.11.0-alpha.4

1 year ago

0.11.0-alpha.3

1 year ago

0.9.0

1 year ago

0.10.0

1 year ago

0.11.0-alpha.10

1 year ago

0.9.0-alpha.8

1 year ago

0.9.0-alpha.9

1 year ago

0.9.0-alpha.7

1 year ago

0.9.0-alpha.6

1 year ago

0.9.0-alpha.3

1 year ago

0.9.0-alpha.4

1 year ago

0.9.0-alpha.5

1 year ago

0.9.0-alpha.1

1 year ago

0.9.0-alpha.2

1 year ago

0.8.0

1 year ago

0.7.1

1 year ago

0.7.0

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago

0.5.1

1 year ago

0.5.0

1 year ago

0.4.29

1 year ago

0.4.28

1 year ago

0.4.26

1 year ago

0.4.27

1 year ago

0.4.24

2 years ago

0.4.25

2 years ago

0.4.20

2 years ago

0.4.21

2 years ago

0.4.22

2 years ago

0.4.23

2 years ago

0.4.19

2 years ago

0.4.9

2 years ago

0.4.8

2 years ago

0.4.10

2 years ago

0.4.17

2 years ago

0.4.18

2 years ago

0.4.15

2 years ago

0.4.16

2 years ago

0.4.13

2 years ago

0.4.14

2 years ago

0.4.11

2 years ago

0.4.12

2 years ago

0.4.5

2 years ago

0.4.4

2 years ago

0.4.7

2 years ago

0.4.6

2 years ago

0.4.3

2 years ago

0.4.2

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.3.1

2 years ago

0.2.10

2 years ago

0.3.0

2 years ago

0.2.1

2 years ago

0.2.7

2 years ago

0.2.6

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.5

2 years ago

0.2.4

2 years ago

0.2.0

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.5

2 years ago

0.1.0

2 years ago

0.1.2

2 years ago

0.0.3

2 years ago

0.1.1

2 years ago

0.0.4

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago