MaxOvs19/Example-CG-SELECT
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update Readme

Browse Source
This commit is contained in:
MaxOvs19 2023-04-17 17:12:21 +03:00
commit 1e620bcb99
4 changed files with 96 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -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
View 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
View 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",
},
},
});

5
src/constructor/constructor.html
View File

@ -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>