diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue index 939b8c35f..c6b5dbd61 100755 --- a/src/views/setup/Setup.vue +++ b/src/views/setup/Setup.vue @@ -10,6 +10,13 @@ npm install primevue --save npm install primeicons --save + + +
PrimeFlex
+

PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more. Although it is not required, it is highly + recommended to add PrimeFlex as it is likely to need such utilities when using PrimeVue components.

+ +npm install primeflex --save
Module Loader
diff --git a/src/views/theming/Theming.vue b/src/views/theming/Theming.vue index ec783ee36..61a07d4dc 100755 --- a/src/views/theming/Theming.vue +++ b/src/views/theming/Theming.vue @@ -21,8 +21,8 @@ by changing a single variable e.g. $primaryColor. Visit the SASS API for the documentation of available customization options.

Designer API is the ultimate tool to create your own PrimeVue experience powered by a SASS based theme engine - with 500+ variables and a demo application. As mentioned before, PrimeVue only ships the generated CSS of Saga, Vela, Nova, Luna and Rhea themes whereas Designer provides - full access to the whole SASS structure and the variables of these pre-built themes.

+ with 500+ variables and a demo application. As mentioned before, PrimeVue only ships the generated CSS of Material, Bootstrap, Saga, Vela, Arya and legacy themes whereas Designer provides + full access to the whole SASS structure and the variables of these pre-built themes for easiers customization.

Whether you have your own style guide or just need a custom theme, Designer API is the right tool to design and bring them to existence.

@@ -33,8 +33,8 @@
Scaling

PrimeVue utilizes rem units to make sure the components blend in with the rest of your UI perfectly. This also enables scaling, for example changing the size of the components - is easy as configuring the font size of your document. Code below sets the scale of the components based on 16px. If you reqire bigger or smaller component, you may - change this variable and components will resize accordingly.

+ is easy as configuring the font size of your document. Code below sets the scale of the components based on 16px. If you reqire bigger or smaller components, just + change this variable and components will scale accordingly.

html { @@ -51,7 +51,7 @@ html {
Local Styling

Theming styles the components globally, in case you required to change the style of a certain component for a specific use case use the class property and override the defaults. - Example below changes the background of the panel. Note that this is only for local styling, if you require to change the background color of all the panel, a custom theme is a far better choice.

+ Example below changes the background of the panel. Note that this is only for local styling, if you require to change the background color of all the panels, a custom theme is a far better choice.

<Panel header="Custom Header" class="dark-panel"/>