PrimeFaces Extensions Showcase

Keynote

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

Keynote component comes with a few different themes included black, white, league, beige, sky, night, serif, simple, solarized, blood, moon.

Slide 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vertical Slide 1

Vertical Slide 2

Slide 3

Source

XHTML page


<pe:keynote theme="simple" width="480" height="350" style="width: 50vw; height: 50vh;">
    <pe:keynoteItem>
        <h2>Slide 1</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </pe:keynoteItem>
    <pe:keynoteItem>
        <pe:keynoteItem>
            <h2>Vertical Slide 1</h2>
        </pe:keynoteItem>
        <pe:keynoteItem>
            <h2>Vertical Slide 2</h2>
        </pe:keynoteItem>
    </pe:keynoteItem>
    <pe:keynoteItem>
        <h2>Slide 3</h2>
    </pe:keynoteItem>
</pe:keynote>

Use Cases

Documentation

Attributes (move mouse over the names to see data types)

Name	Description
No attributes available for this component.

Name	Description
No attributes available for this component.

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