Demo of some of the components that come with hcj.
Conventions used in these examples' code:
var nbsp;c nbsp;= nbsp;hcj.component;
var nbsp;p nbsp;= nbsp;c.text;
var nbsp;pm nbsp;= nbsp;c.text({measureWidth: nbsp;true});
var nbsp;h1 nbsp;= nbsp;c.text({size: nbsp;'40px'});
var nbsp;h1m nbsp;= nbsp;c.text({size: nbsp;'40px', nbsp;measureWidth: nbsp;true});
Display all kinds of text
big text
little text
colored text
funky text
secret text
Display images
Separate items horizontally and vertically
Align items horizontally and vertically
LARGE TOP
LARGE BOTTOM
LARGE MIDDLE
LARGER TOP
LARGER BOTTOM
LARGER MIDDLE
Show a stream of components. Text is changed each time you press the button
Show a grid of components
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
GRID TEXT
Maintain aspect ratio even in adverse conditions, both by "covering" and by "containing"
Choose the largest component that fits in the display area
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
ggggggggggggggggggggggggggggggggggggggggggggggggggggggg
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
iiiiiiiiiiiii
Display things on top of each other
Load content asynchoronusly
Display components side by side and in a stack
Apply font and background colors
MERRY CHRISTMAS
Add margins and borders
Crop components
Link to google
knowledge awaits
Arbitrarily position components and specify their widths and heights
Handle events