j-Ready

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

This component executes some operations when the component is ready.

Configuration:

rclass {String} A list of CSS classes to remove divided by space
rdelay {Number} A delay for removing of classes (default: config.delay)
aclass {String} A list of CSS classes to add divided by space
adelay {Number} A delay for adding of classes (default: config.delay)
delay {Number} Initializatin delay in milliseconds (default: 800)

Use it with <ui-component name="ready">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

example.html

<style>
	.ready { width: 200px; height: 200px; border: 2px solid red; padding: 20px; }
</style>

<ui-component name="ready" config="aclass:ready" class="invisible">
	Hello World!
</ui-component>