Skip to content

Instantly share code, notes, and snippets.

@thomas-schuster
Created May 31, 2022 20:42
Show Gist options
  • Save thomas-schuster/eceee0400218d9c35a4d476171769d3a to your computer and use it in GitHub Desktop.
Save thomas-schuster/eceee0400218d9c35a4d476171769d3a to your computer and use it in GitHub Desktop.
PrimeFlex 3.2 with PrimeFaces 11
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>PrimeFlex Demo</title>
<h:outputStylesheet library="webjars" name="primeflex/3.2.0/primeflex.min.css" />
</h:head>
<body>
<h1>Hello from PrimeFlex</h1>
<div class="grid">
<div class="col-12 md:col-6 lg:col-3">A</div>
<div class="col-12 md:col-6 lg:col-3">B</div>
<div class="col-12 md:col-6 lg:col-3">C</div>
<div class="col-12 md:col-6 lg:col-3">D</div>
</div>
</body>
</html>
<dependency>
<groupId>org.webjars.npm</groupId>
<artifactId>primeflex</artifactId>
<version>3.2.0</version>
</dependency>
<context-param>
<param-name>FLEX</param-name>
<param-value>true</param-value>
</context-param>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment