can-fragment
Version:
Create a fragment from lots of stuff
111 lines (91 loc) • 2.95 kB
HTML
<html>
<head>
<title>can-fragment - A Plugin for DoneJS</title>
<style>
* {box-sizing: border-box;}
body {
margin: 0px;
font-family: 'Helvetica Neue', Arial, sans-serif;
border-top: 2px solid #CB3036;
}
.container {
margin: 20px auto;
max-width: 800px;
padding: 20px;
}
.text-right {
text-align: right;
}
pre {
background-color: #eee;
border-radius: 2px;
color: #222;
margin-bottom: 1.5em;
overflow-x: scroll;
padding: 10px;
}
header h1 {
margin: 0px;
color: #111;
}
header h2 {
margin: 0px 1em 0px 0px;
color: #222;
}
.links {
float: right;
}
h3 {
margin: 5px 0px;
color: #555;
font-size: 1.1em;
}
p {
color: #333;
margin: 0 0 1em 0;
}
a {
color: #2c83a0;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
footer {
font-size: 0.9em;
opacity: 0.9;
}
</style>
</head>
<body>
<div class="container">
<header>
<div class='links'>
<p><a href="https://github.com/canjs/can-fragment">View on GitHub</a></p>
<p class="text-right"><a href="https://travis-ci.org/canjs/can-fragment"><img alt='Build Status' src='https://travis-ci.org/canjs/can-fragment.svg?branch=master'/></a></p>
</div>
<h1>can-fragment</h1>
<h2>Create document fragments from lots of things</h2>
</header>
<h2 id="usage">Usage</h2>
<h3 id="es6use">ES6 use</h3>
<p>With StealJS, you can import this module directly in a template that is autorendered:</p>
<pre><code class="js language-js">import plugin from 'can-fragment';</code></pre>
<h3 id="commonjsuse">CommonJS use</h3>
<p>Use <code>require</code> to load <code>can-fragment</code> and everything else
needed to create a template that uses <code>can-fragment</code>:</p>
<pre><code class="js language-js">var plugin = require("can-fragment");</code></pre>
<h3 id="standaloneuse">Standalone use</h3>
<p>Load the <code>global</code> version of the plugin:</p>
<pre><code class="html language-html"><script src='./node_modules/can-fragment/dist/global/can-fragment.js'></script></code></pre>
<p>This plugin is one of many. Check out all of the <a href="https://www.npmjs.com/search?q=keywords:donejs-plugin">DoneJS plugins on NPM</a>.</p>
<footer>
<p>This page was created with the
<a href='https://donejs.com/plugin.html'>DoneJS</a>
<a href='https://www.bitovi.com/blog/create-reusable-components-for-your-donejs-applications'>plugin generator</a>.
</p>
</footer>
</div>
</body>
</html>