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
5,000 * 57 = 5000 * 57
`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
According to example.json, my pets are called:
...and my name is: loading...
Stick a spinner inside to let people know you're getting your date of birth:
(you may need to throttle your network to see this if you're running this locally)