@cocreate/render
Version:
A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
51 lines (44 loc) • 1.45 kB
HTML
<html lang="en">
<head>
<title>Render | CoCreateJS</title>
<!-- CoCreate Favicon -->
<link
rel="icon"
type="image/png"
sizes="32x32"
href="../assets/favicon.ico" />
<link rel="manifest" href="/manifest.webmanifest" />
</head>
<style>
.template {
display: none;
}
</style>
<body>
<cocreate-select key="current_org">
<selected template>
<cc-option class="template" value="{{object.current_org}}">
<h3>{{object.current_org}}</h3>
</cc-option>
</selected>
</cocreate-select>
<pre>
<h1>Paste in your browser console</h1>
/** Example of array object from db -- render2 is an example of render_id**/
CoCreate.render.data({
selector: '[template=abc1]',
data: {
array : 'dededede',
data: [{
_id : '123kijfhgfkel45',
current_org: 'test1'
}]
}
})
</pre>
<!-- CoCreate JS CDN -->
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
<!-- <script src="https://CoCreate.app/dist/CoCreate.js"></script> -->
</body>
</html>