vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add video tutorial

pull/6424/head
Cagatay Civici 2024-09-17 19:56:23 +03:00
parent fc049519e4
commit 57b6beedfb
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/theming/styled/ArchitectureDoc.vue
View File

@ -26,10 +26,16 @@
</p> </p>
<h3>Best Practices</h3> <h3>Best Practices</h3>
<p class="mb-0"> <p>
Use primitive tokens when defining the core color palette and semantic tokens to specify the common design elements such as focus ring, primary colors and surfaces. Components tokens should only be used when customizing a specific Use primitive tokens when defining the core color palette and semantic tokens to specify the common design elements such as focus ring, primary colors and surfaces. Components tokens should only be used when customizing a specific
component. By defining your own design tokens as a custom preset, you'll be able to define your own style without touching CSS. Overriding the PrimeVue components using style classes is not a best practice and should be the last resort, component. By defining your own design tokens as a custom preset, you'll be able to define your own style without touching CSS. Overriding the PrimeVue components using style classes is not a best practice and should be the last resort,
design tokens are the suggested approach. design tokens are the suggested approach.
</p> </p>
<h3>Video Tutorial</h3>
<p>Watch the <b>PrimeVue Theming Demystified</b> video to learn more about the architecture with examples.</p>
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/J3KFw5sih98" frameborder="0" allowfullscreen></iframe>
</div>
</DocSectionText> </DocSectionText>
</template> </template>