2023-07-09 21:13:49 +00:00
< template >
< div >
< Head >
< Title > Tailwind - PrimeVue < / Title >
2023-08-01 10:23:12 +00:00
< Meta name = "description" content = "Tailwind UI Components for Vue" / >
2023-07-09 21:13:49 +00:00
< / Head >
< div class = "doc" >
< div class = "doc-main" >
< div class = "doc-intro" >
< h1 > Tailwind CSS < / h1 >
2023-10-07 13:04:27 +00:00
< p > Tailwind CSS is a popular utility first CSS library that fits perfectly to the unstyled mode to skin the entire UI suite with a design system of your choice . < / p >
2023-07-09 21:13:49 +00:00
< / div >
< DocSections :docs ="docs" / >
< / div >
< DocSectionNav :docs ="docs" / >
< / div >
< / div >
< / template >
< script >
2023-10-07 13:04:27 +00:00
import CSSLayerDoc from '@/doc/tailwind/CSSLayerDoc.vue' ;
2023-09-21 11:21:43 +00:00
import ExampleDoc from '@/doc/tailwind/ExampleDoc.vue' ;
import SetupDoc from '@/doc/tailwind/SetupDoc.vue' ;
2023-07-09 21:13:49 +00:00
export default {
data ( ) {
return {
docs : [
{
2023-10-07 13:04:27 +00:00
id : 'csslayer' ,
label : 'CSS Layer' ,
component : CSSLayerDoc
2023-07-09 21:13:49 +00:00
} ,
2023-08-01 10:23:12 +00:00
{
2023-10-07 13:04:27 +00:00
id : 'unstyled' ,
label : 'Unstyled Mode' ,
description : ` In unstyled mode, the exclusive Tailwind integration of PrimeVue is a great choice for developers who want the flexibility of Tailwind with the convenience of
a UI Component library . Tailwind is a perfect match for the unstyled mode of PrimeVue to implement design systems . A built - in Tailwind theme as a pass through preset based on
PrimeOne Design is even available to get started in no time . In upcoming iterations , a preset gallery will be available to share implementations developed by the PrimeVue community . ` ,
children : [
{
id : 'setup' ,
label : 'Setup' ,
component : SetupDoc
} ,
{
id : 'example' ,
label : 'Example' ,
component : ExampleDoc
}
]
2023-07-09 21:13:49 +00:00
}
]
} ;
}
} ;
< / script >
