Specialized Components
Build Cost
+1 Build Cost
-1 Build Cost
Added In
| Version | Tag |
|---|---|
v0.12.1 |
|
v1.0.0 |
|
v1.0.0-canary.1 |
|
v2.0.0 |
Added in v2.0.0 |
v2.0.0-canary.1 |
Added in v2.0.0 |
v2.0.0-alpha.1 |
Added in v2.0.0 |
v3.0.0 |
Added in v3.0.0 |
v3.0.0-alpha.1 |
Added in v3.0.0 |
v4.0.0 |
Added in v4.0.0 |
v4.0.0-alpha.1 |
Added in v4.0.0 |
Image v4.0.0 |
Added in Image v4.0.0 |
Lists
Inline List
Number Flags
1
2
3
4
5
6
7
8
9
Number Flags in Headings
Step 1 Notice how the border disappears under the flag
Step 2 Do a thing
Step 3 Do a thing
Step 4 Do a thing
Blockquotes
“Seriously can't remember enjoying using a Static Site Generator this much. Yes Hugo is rapid, but this is all so logical. It feels like it was designed by someone who has been through lots of pain and success using other SSGs.”—Phil Hawksworth
Buzzwords
Inline Buzzwords
Buzzword Lists
Callout
Unstyled box with an inline
Code blockCustom Label
Unstyled box with an inline
Code blockSuper long custom label that we want to wrap nicely—does it?
Unstyled box with an inline
Code blockDefault message with an inline
Code blockDefault info message with an inline
Code blockWARNING
Default warning message with an inline
Code blockERROR
Default error message with an inline
Code blockDefault demo with an inline
Code block. Default demo with an inline Code block. Default demo with an inline Code block.This is a common pitfall.
Sticky info block
Use theelv-callout-sticky class to affix to the top of the viewport while scrolling.
OpenGraph card
