Containers

Drawers

global-lists.css

Hide UI or lists with an area that animates open and closed.

Scene HTML

<div id="my-id" x-mojo-element="Drawer"></div>

Base selector

Optional selectors

Required child

.palm-drawer-container
 
.palm-drawer-contents
.palm-drawer-contents
.label
 

Labeled Groups

global-lists.css

Visually group a list with a label.

Scene HTML

<div class="palm-group">
   <div class="palm-group-title">
    My Title
   </div>
   <div class="palm-list">
    <!-- rows -->
   </div>
  </div>

Base selector

Optional selectors

Required child

.palm-group
 
.palm-group-title

Unlabeled Groups

global-lists.css

Visually group a list without a label.

Scene HTML

<div class="palm-group unlabeled">
   <div class="palm-list">
    <!-- rows -->
   </div>
</div>

Base selector

Optional selectors

Required child

.palm-group.unlabeled
  

Get Palm webOS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial