primevue-mirror/src/views/theming/Theming.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>