Learn more about this buildin magic rendering tricks

dhlin · June 30, 2023, 7:33pm

Hi, I came across this magic format [:small.opacity-50 1 100 ]
It omits the ‘keyword’ :small.opacity-50 and renders the brackets slightly transparent.
Is there any other ‘keyword’ like :small.opacity-50 that can do certain buildin magic rendering?
Unfortunately I don’t find a document for this.

Siferiax · July 1, 2023, 5:04am

This is hiccup code. It’s basically html for clojure.
See here:

github.com

weavejester/hiccup/blob/master/doc/syntax.md

# Syntax

Hiccup provides a concise syntax for representing HTML using Clojure
data structures. This syntax is not only used by the Hiccup library
itself, but also many other tools in the Clojure ecosystem.


## Basic syntax

Vectors that begin with a keyword represent HTML elements. For
example:

```clojure
[:span]
```

Produces:

```html
<span></span>

This file has been truncated. show original