38 lines
1.6 KiB
Vue
38 lines
1.6 KiB
Vue
<template>
|
|
<div>
|
|
<div class="content-section introduction">
|
|
<div class="feature-intro">
|
|
<h1>Theming</h1>
|
|
<p>Choose from a variety of premium themes or develop your own theme using PrimeVue Theme Designer API.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-section documentation">
|
|
<h3 style="margin-top:0">Theme Designer API</h3>
|
|
<p><a href="https://www.primefaces.org/designer/primevue">Designer API</a> is the ultimate tool to create your own PrimeVue experience powered by a SASS based theme engine
|
|
with 500+ variables and a demo application. In addition, PrimeVue only ships the generated CSS of <b>Nova</b>, <b>Luna</b> and <b>Rhea</b> themes whereas Designer provides
|
|
full access to the whole SASS structure and the variables of these pre-built themes.</p>
|
|
|
|
<p>Whether you have your own style guide or just need a custom theme, Designer API is the right tool to design and bring them to existence.</p>
|
|
|
|
<p>Visit <a href="https://www.primefaces.org/designer/primevue">Designer API HomePage</a> for more information and live demos.</p>
|
|
<a href="http://www.primefaces.org/designer/primevue" class="designer-image">
|
|
<img alt="PrimeVue Designer" src="../../assets/images/primevue-designer.jpg" style="width: 100%" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.designer-image {
|
|
display: block;
|
|
margin-top: 30px;
|
|
}
|
|
</style>
|