# j-Ready

> This component executes some operations when the component is ready.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: en
Content-SHA256: ddd2d91b6c665b7bc07d9bc258a8f040df467330ceb48286d42ffa336e5be9b1
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

```html 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>
```