diff --git a/doc/guides/primeflex/MigrationDoc.vue b/doc/guides/primeflex/MigrationDoc.vue index f9103c7be..9a4ce83d6 100644 --- a/doc/guides/primeflex/MigrationDoc.vue +++ b/doc/guides/primeflex/MigrationDoc.vue @@ -2,13 +2,14 @@

The primeclt is a command line utility by PrimeTek to assist project setup and migration. The pf2tw command is created for smooth - migration between PrimeFlex to Tailwind CSS. As a prequisite, the tailwindcss-primeui is required to provide the matching classes that do not exist in core Tailwind CSS such as semantic colors and animations. + migration between PrimeFlex to Tailwind CSS. As a prequisite, the tailwindcss-primeui is required to provide the matching classes that do not exist in core Tailwind CSS such as semantic colors and animations. For flawless + migration, it is highly suggested to use PrimeVue v4 as the requirement of the tailwindcss plugin.

Install PrimeCLT.

Run the pf2wt in a directory that contains files to be migrated.

-

There are a couple of minor limitations that are not migrated. PrimeVue v3 is not supported as the plugin is compatible with PrimeVue v4 only. In addition, following classes are not migrated as they have no counterparts.

+

There are a couple of utility classes that are not migrated as they have no counterparts, use flexbox utilities instead as replacements.

  • formgrid
  • formgroup
  • diff --git a/doc/guides/primeflex/PluginDoc.vue b/doc/guides/primeflex/PluginDoc.vue index 8f623a993..601788c4c 100644 --- a/doc/guides/primeflex/PluginDoc.vue +++ b/doc/guides/primeflex/PluginDoc.vue @@ -2,8 +2,9 @@

    The tailwindcss-primeui is an official plugin by PrimeTek to provide first class integration between a Prime UI library like - PrimeVue and Tailwind CSS. In styled mode, the semantic colors such as primary and surfaces are provided as Tailwind utilities e.g. bg-primary, text-surface-500, text-muted-color. + PrimeVue and Tailwind CSS. It is designed to work both in styled and unstyled modes. For example, in styled mode the semantic colors such as primary and surfaces are provided as Tailwind utilities e.g. bg-primary, + text-surface-500, text-muted-color by deriving their values from the design tokens. This integration is not compatible with PrimeVue v3 and requires PrimeVue v4.

    -

    View the Tailwind section for more details about the installation and the features.

    +

    View the Tailwind section for more details about how to use Tailwind CSS with PrimeVue efficiently.

    diff --git a/doc/guides/primeflex/TailwindCSSDoc.vue b/doc/guides/primeflex/TailwindCSSDoc.vue index dd2a4c147..e2fb03f58 100644 --- a/doc/guides/primeflex/TailwindCSSDoc.vue +++ b/doc/guides/primeflex/TailwindCSSDoc.vue @@ -1,9 +1,10 @@