Below is a djl-lipsum element. Without a value, it outputs lorem ipsum

The random-start property starts the text at a random word.

You can limit the length of the text with the length property.

You can provide arbitrary text to display (instead of lipsum) by giving it inside the element

You can combine the length and wrap attributes to get placeholder text that wraps around until text is length long.

You can also combine all three attributes.

Below are some examples of the djl-code element. It executes the JavaScript given as it's text, and allows editing and re-execution by clicking on it

['This','is','a','djl-script','element', '(click', 'on', 'me', 'to', 'edit).'].join(' ');

`Happy ${['Sun', 'Mon', 'Tues', 'Wednes', 'Thurs', 'Fri', 'Satur'][new Date().getDay()]}day`

Loading spinners!

Customize size, background and foreground colours

Below are some examples of the djl-json element. It retrieves a JSON document from src, and displays the property prop

My pets are called:

My name in example.json is: loading...

Stick a spinner inside to let people know you're getting something! (you may need to throttle your network if running this locally)