Add video link
parent
1858bc822d
commit
b6fb1947c4
|
@ -95,6 +95,21 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.video-container {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-mask {
|
.layout-mask {
|
||||||
|
|
|
@ -6,12 +6,18 @@
|
||||||
<h1>Setup</h1>
|
<h1>Setup</h1>
|
||||||
<p>PrimeVue is a rich set of open source native components for Vue.</p>
|
<p>PrimeVue is a rich set of open source native components for Vue.</p>
|
||||||
|
|
||||||
|
<h5>Video Tutorial</h5>
|
||||||
|
<p>Watch the video tutorial that goes through the steps documented on this guide.</p>
|
||||||
|
<div class="video-container">
|
||||||
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/cGTXuyqIwMA" frameborder="0" allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h5>Download</h5>
|
<h5>Download</h5>
|
||||||
<p>PrimeVue is available at <a href="https://www.npmjs.com/package/primevue">npm</a>, if you have an existing application run the following commands to download PrimeVue and PrimeIcons to your project.</p>
|
<p>PrimeVue is available at <a href="https://www.npmjs.com/package/primevue">npm</a>, if you have an existing application run the following commands to download PrimeVue and PrimeIcons to your project.</p>
|
||||||
|
|
||||||
<pre v-code.script>
|
<pre v-code.script>
|
||||||
<code>
|
<code>
|
||||||
npm install primevue@^3.1.0 --save
|
npm install primevue@^3.1.1 --save
|
||||||
npm install primeicons --save
|
npm install primeicons --save
|
||||||
|
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
Loading…
Reference in New Issue