35 lines
981 B
Vue
35 lines
981 B
Vue
<template>
|
|
<DocSectionText v-bind="$attrs">
|
|
<p>
|
|
The <a href="https://github.com/primefaces/tailwindcss-primeui" target="_blank" rel="noopener noreferrer">tailwindcss-primeui</a> is an official plugin by PrimeTek to provide first class integration between a Prime UI library like
|
|
PrimeVue and Tailwind CSS. It is designed to work both in styled and unstyled modes.
|
|
</p>
|
|
<DocSectionCode :code="code1" hideToggleCode importCode hideStackBlitz />
|
|
|
|
<p>Configure Tailwind to use the plugin.</p>
|
|
<DocSectionCode :code="code2" hideToggleCode importCode hideStackBlitz />
|
|
</DocSectionText>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
code1: {
|
|
basic: `
|
|
npm i tailwindcss-primeui
|
|
`
|
|
},
|
|
code2: {
|
|
basic: `
|
|
module.exports = {
|
|
// ...
|
|
plugins: [require('tailwindcss-primeui')]
|
|
}
|
|
`
|
|
}
|
|
};
|
|
}
|
|
};
|
|
</script>
|