diff --git a/src/views/dataview/DataViewDoc.vue b/src/views/dataview/DataViewDoc.vue index e31ae686d..205dceffc 100644 --- a/src/views/dataview/DataViewDoc.vue +++ b/src/views/dataview/DataViewDoc.vue @@ -7,6 +7,9 @@ import DataView from 'primevue/dataview'; +

PrimeFlex

+

DataView utilizes PrimeFlex library so it needs to be installed before getting started. Refer to FlexGrid documentation for details.

+

Getting Started

DataView requires a collection of items as its value and one or more templates depending on the layout mode e.g. list and grid. Throughout the samples, a car interface having vin, brand, year and color properties are used to define an object to be displayed by the dataview. Cars are loaded by a CarService that connects to a server to fetch the cars.

diff --git a/src/views/flexgrid/FlexGridDoc.vue b/src/views/flexgrid/FlexGridDoc.vue index dc0b298f7..7df93112d 100644 --- a/src/views/flexgrid/FlexGridDoc.vue +++ b/src/views/flexgrid/FlexGridDoc.vue @@ -2,6 +2,18 @@
+

Install

+

PrimeFlex is available at npm, if you have an existing application run the following command to download it to your project.

+ +npm install primeflex --save + + +

Then add the primeflex.css to your application

+ +import 'primeflex/primeflex.css'; + + +

Getting Started

FlexGrid is a CSS utility based on flexbox. For more information about Flex, visit A Complete Guide to Flexbox. A basic grid is defined by giving a container p-grid class and children the p-col class. Children of the grid will have the same width and scale according to the width of the parent.