HTML Block
HTML Block (compact)
HTML Block (inline)
Here's an inline html-block:
Pretty cool!
HTML Block (inline, no-deferred-rendering)
Here's an inline html-block:
I'm inline!
Pretty cool!
HTML Block (large font)
HTML Block (math)
HTML Block (math, no deferred rendering)
x
=
−
b
±
b
2
−
4
a
c
2
a
.
(
∑
k
=
1
n
a
k
b
k
)
2
≤
(
∑
k
=
1
n
a
k
2
)
(
∑
k
=
1
n
b
k
2
)
$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$
The wizard (
Elmer Fudd
) quickly jinxed the gnomes before they vaporized.
HTML Block (inline math)
HTML Block (LaTeX math)
HTML Block (LaTeX inline math)
HTML Block (code)
HTML Block (wrapped)
import { html, LitElement } from 'lit'; class SomeComponent extends LitElement { render() { return html` <d2l-html-block> ${unsafeHTML(this._someHTML)} </d2l-html-block> <button ...>update content</button>`; `; } } customElements.define('d2l-some-component', SomeComponent);