Add video link

pull/800/head
Cagatay Civici 2020-12-12 12:19:49 +03:00
parent 1858bc822d
commit b6fb1947c4
2 changed files with 22 additions and 1 deletions

View File

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

View File

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