Added cdn page
This commit is contained in:
MaxOvs19
parent
cee0b77c33
commit
a2b01ea1f5
@ -27,9 +27,10 @@
|
|||||||
<hr style="width: 55%" />
|
<hr style="width: 55%" />
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="navlist">
|
<ul class="navlist">
|
||||||
<li><a href="docs/index.html">Documentation</a></li>
|
|
||||||
<li><a href="">Home</a></li>
|
<li><a href="">Home</a></li>
|
||||||
|
<li><a href="docs/index.html">Documentation</a></li>
|
||||||
<li><a href="src/constructor/constructor.html">Constructor</a></li>
|
<li><a href="src/constructor/constructor.html">Constructor</a></li>
|
||||||
|
<li><a href="src/cdn/cdn.html">CDN</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<p class="version">v. 0.3.11</p>
|
<p class="version">v. 0.3.11</p>
|
||||||
|
|||||||
67
src/cdn/cdn.html
Normal file
67
src/cdn/cdn.html
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
<!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" />
|
||||||
|
<meta
|
||||||
|
property="og:description"
|
||||||
|
content="Feature rich Select control for React/JS with multiselect, autocomplete and styling"
|
||||||
|
/>
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:site_name" content="cg-select" />
|
||||||
|
<meta property="og:url" content="https://cg-select.itguild.info" />
|
||||||
|
<meta property="og:image" content="../img/logoCG.jpg" />
|
||||||
|
|
||||||
|
<title>Cg-Select</title>
|
||||||
|
<link rel="shortcut icon" href="../img/logoCG2.ico" type="image/x-icon" />
|
||||||
|
<link href="../../style.scss" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body class="body-example">
|
||||||
|
<div class="container">
|
||||||
|
<header class="header">
|
||||||
|
<div class="header__logoBox">
|
||||||
|
<h1>CG-SELECT</h1>
|
||||||
|
<img src="../img/logoCG.jpg" alt="#" class="header__logo" />
|
||||||
|
</div>
|
||||||
|
<hr style="width: 55%" />
|
||||||
|
<nav>
|
||||||
|
<ul class="navlist">
|
||||||
|
<li><a href="../../index.html">Home</a></li>
|
||||||
|
<li><a href="../../docs/index.html">Documentation</a></li>
|
||||||
|
<li><a href="../constructor/constructor.html">Constructor</a></li>
|
||||||
|
<li><a href="./cdn.html">CDN</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<p class="version">v. 0.3.11</p>
|
||||||
|
</header>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div class="example-select">
|
||||||
|
<h2 class="example-select_title">Select example using CDN</h2>
|
||||||
|
|
||||||
|
<p style="margin-left: 12px; color: white">
|
||||||
|
To use the select using sdn, you need to connect the file by
|
||||||
|
reference:
|
||||||
|
</p>
|
||||||
|
<h2
|
||||||
|
style="
|
||||||
|
margin: 5px 0 25px 12px;
|
||||||
|
color: white;
|
||||||
|
text-decoration: underline;
|
||||||
|
font-size: 16px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
https://cdn.itguild.info/items/cg-select/latest/main.js
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="layout-select" style="margin-bottom: 40px">
|
||||||
|
<button class="cg-dropdown cg-dropdown_cdn"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<script src="https://cdn.itguild.info/items/cg-select/latest/main.js"></script>
|
||||||
|
<script type="module" src="cdn.js"></script>
|
||||||
|
</html>
|
||||||
24
src/cdn/cdn.js
Normal file
24
src/cdn/cdn.js
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
const dropdown = new CGSelect({
|
||||||
|
selector: ".cg-dropdown_cdn",
|
||||||
|
placeholder: "Choose a car",
|
||||||
|
label: "CDN EXAMPLE",
|
||||||
|
items: [
|
||||||
|
"BMW",
|
||||||
|
{
|
||||||
|
id: "213sade",
|
||||||
|
title: "Opel",
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
"Mersedes",
|
||||||
|
"MAN",
|
||||||
|
"Ferari",
|
||||||
|
],
|
||||||
|
styles: {
|
||||||
|
head: {
|
||||||
|
width: "830px",
|
||||||
|
},
|
||||||
|
list: {
|
||||||
|
width: "824px",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
@ -28,12 +28,13 @@
|
|||||||
<hr style="width: 55%" />
|
<hr style="width: 55%" />
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="navlist">
|
<ul class="navlist">
|
||||||
<li><a href="../../docs/index.html">Documentation</a></li>
|
|
||||||
<li><a href="../../index.html">Home</a></li>
|
<li><a href="../../index.html">Home</a></li>
|
||||||
|
<li><a href="../../docs/index.html">Documentation</a></li>
|
||||||
<li><a href="./constructor.html">Constructor</a></li>
|
<li><a href="./constructor.html">Constructor</a></li>
|
||||||
|
<li><a href="../cdn/cdn.html">CDN</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<p class="version">v. 0.3.0</p>
|
<p class="version">v. 0.3.11</p>
|
||||||
</header>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user