arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Keynote

An HTML presentation component that enables to create fully-featured and beautiful presentations.

It is possible to render keynotes in a dynamic way as in data iteration components.

Section 1

Lorem ipsum content 1

Section 2

Lorem ipsum content 2

Section 3

Lorem ipsum content 3

Section 4

Lorem ipsum content 4

Section 5

Lorem ipsum content 5

Section 6

Lorem ipsum content 6

Section 7

Lorem ipsum content 7

Section 8

Lorem ipsum content 8

Section 9

Lorem ipsum content 9

Section 10

Lorem ipsum content 10

Source

<pe:keynote loop="true" autoSlide="3000" slideNumber="c/t" value="#{keynoteController.items}" var="item" width="480" height="350" style="width: 50vw; height: 50vh;">
    <pe:keynoteItem>
        <h2>#{item.headline}</h2>
        <p>#{item.content}</p>
    </pe:keynoteItem>
</pe:keynote>
            
Components and more
Documentation
Attributes (move mouse over the names to see data types)
Name Description
No attributes available for this component.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 15.0.13,PrimeFaces Extensions: 15.0.14-SNAPSHOT,JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,Server: Apache Tomcat (TomEE)/9.0.82 (8.0.16),Build time: 2026-02-23 00:32