diff --git a/components/doc/DocSectionCode.vue b/components/doc/DocSectionCode.vue index d69a3e4c8..0dabcb0a5 100644 --- a/components/doc/DocSectionCode.vue +++ b/components/doc/DocSectionCode.vue @@ -80,7 +80,7 @@ > -
{{ code.basic }}
diff --git a/doc/theming/TailwindDoc.vue b/doc/tailwind/CSSLayerDoc.vue
similarity index 55%
rename from doc/theming/TailwindDoc.vue
rename to doc/tailwind/CSSLayerDoc.vue
index 870482e0d..1417e1548 100644
--- a/doc/theming/TailwindDoc.vue
+++ b/doc/tailwind/CSSLayerDoc.vue
@@ -1,8 +1,8 @@
- Tailwind CSS can be used with styled or unstyled modes of PrimeVue. For unstyled mode, visit the exclusive
- This section assumes that Tailwind is already available in your application, if not visit the Tailwind CSS framework guides like Vite or Nuxt for the installation.
- The built-in default theme is basically a
+
- Tailwind uses PurgeCSS internally to remove unused classes, as PrimeVue components are loaded from node_modules the content property at tailwind.config.js needs to be aware of PrimeVue, otherwise the classes utilized - in the theme will be removed as well. +
+
Voilà 💚, you now have 90+ awesome Vue UI components styled with Tailwind that will work in harmony with the rest of your application. Time to customize it to bring in your own style with Tailwind.
+ +
+
Voilà 💚, you now have access to 90+ awesome Vue UI components styled with Tailwind that will work in harmony with the rest of your application.
- Note: In upcoming versions, theming architecture will be redesigned to utilize CSS variables instead of SCSS variables in a backward compatible way for a dynamic approach. + Note: In near future, theming architecture of the styled mode will be redesigned to utilize CSS variables instead of SCSS variables in a backward compatible way for a dynamic approach.
PrimeVue is a design agnostic library so unlike other UI libraries it does not enforce a certain styling such as material or bootstrap. In order to achieve this, styling has been separated into two parts, core and theme. The core resides
diff --git a/doc/theming/BuiltInThemesDoc.vue b/doc/theming/BuiltInThemesDoc.vue
index 80c744ab2..8a34697dd 100644
--- a/doc/theming/BuiltInThemesDoc.vue
+++ b/doc/theming/BuiltInThemesDoc.vue
@@ -2,7 +2,7 @@
PrimeVue ships with various free themes to choose from. The list below states all the available themes in the npm distribution with import paths. For a live preview, use the configurator
- at the topbar to switch themes.
+ at the topbar to switch themes.
- 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 simply fits perfectly to the unstyled mode of
- PrimeVue to implement design systems. A built-in Tailwind theme based on
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.