RenderKid allows you to use HTML and CSS to style your CLI output, making it easy to create a beautiful, readable, and consistent look for your nodejs tool.
Elements can have a display of either inline, block, or none:
r.style({"div": { display:"block" }"span": { display:"inline"# default }"hidden": { display:"none" }})output =r.render("<div>This will fill one or more rows.</div><span>These</span> <span>will</span> <span>be</span> in the same <span>line.</span><hidden>This won't be displayed.</hidden>")console.log(output)
List of colors currently supported are black, red, green, yellow, blue, magenta, cyan, white, grey, bright-red, bright-green, bright-yellow, bright-blue, bright-magenta, bright-cyan, bright-white.
Bullet points
Block elements can have bullet points on their margins. Let's start with an example:
r.style({"li": {# To add bullet points to an element, first you# should make some room for the bullet point by# giving your element some margin to the left: marginLeft:"4",# Now we can add a bullet point to our margin: bullet:'"-"' }})# The four hyphens are there for visual referencer.render("----<li>Item 1</li><li>Item 2</li><li>Item 3</li>----")