Live demo — this example is server-driven; run the showcase locally for the interactive version.

Ripple

Use Ripple straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Java Builder
Qute template

Templates

ripple

{#include components/feedback/ripple /}

Ripple — animated loading indicator (loading.io "lds-ripple"). 
 Custom component: not a PatternFly element. Requires /web/css/components/ripple.css on the host page. 
 Parameters: 
   id     (optional) — DOM id on the root element. 
   label  (optional) — accessible name (aria-label); defaults to "Loading". 
   color  (optional) — CSS color for the expanding rings; defaults to #ccc. Sets --pha-ripple-color inline.