diff --git a/apps/showcase/doc/nuxt/ExamplesDoc.vue b/apps/showcase/doc/nuxt/ExamplesDoc.vue index 6a38a978f..a5b2d3aa7 100644 --- a/apps/showcase/doc/nuxt/ExamplesDoc.vue +++ b/apps/showcase/doc/nuxt/ExamplesDoc.vue @@ -1,8 +1,5 @@ diff --git a/apps/showcase/doc/theming/unstyled/ArchitectureDoc.vue b/apps/showcase/doc/theming/unstyled/ArchitectureDoc.vue index cbdf6832b..ee12475aa 100644 --- a/apps/showcase/doc/theming/unstyled/ArchitectureDoc.vue +++ b/apps/showcase/doc/theming/unstyled/ArchitectureDoc.vue @@ -2,8 +2,8 @@

Unstyled mode consists of two solutions. First part is removal of the component specific style classes from the DOM, when unstyled setting is enabled components do not include any CSS selectors while core functionality is still - available. For example, in the default styled mode, the dropdown component adds .p-dropdown style class to the root element and includes CSS to corresponding style. In unstyled setting, this style class is not added to the root - element and the CSS is not included in the page. + available. For example, in the default styled mode, the select component adds .p-select style class to the root element and includes CSS to corresponding style. In unstyled setting, this style class is not added to the root element + and the CSS is not included in the page.

The second part is custom styling as components are displayed as transparent without their styles. Pass Through Props feature is the key of since it also supports a global configuration to create diff --git a/apps/showcase/doc/theming/unstyled/ExampleDoc.vue b/apps/showcase/doc/theming/unstyled/ExampleDoc.vue index e4465f637..d882ef831 100644 --- a/apps/showcase/doc/theming/unstyled/ExampleDoc.vue +++ b/apps/showcase/doc/theming/unstyled/ExampleDoc.vue @@ -1,22 +1,13 @@ @@ -26,43 +17,10 @@ export default { return { code: { basic: ` -