Admonitions tests
Empty content
Empty fragment content
Large font icon
content
content
Large svg icon
content
content
Admonitions with attributes
Relevant CSS for this section
/* ... */
.shadow {
--shadow-color: red;
box-shadow: 10px 10px 10px var(--shadow-color);
&.blue {
--shadow-color: blue;
}
}
#info-1 {
border: solid 2px blue;
}
#info-2 {
border: solid 2px green;
}
#info-3 {
border: solid 2px red;
}
Classes
The class shadow was added by writing :::info{.shadow}.
The class shadow and blue were added by writing :::info{.shadow .blue}.
Ids
The id info-1 was added by writing :::{#info-1}
The last provided id info-2 wins when writing :::{#info-3 #info-1 #info-2}
Combination
Multiple classes and ids: {.shadow #info-4 .blue #info-3}.
Indented admonitions
See admonition title v2 compat syntax bug: https://github.com/facebook/docusaurus/issues/9507
-
Item 1
Important ConsiderationsFor better experience, try to keep the upgrade experience smooth.
-
Scale-up cluster
WarningScaling up a cluster may cause several minutes of downtime. Please exercise caution.
Quoted admonitions
There be dragonsThis is the admonition content
There be dragonsThis is the admonition content
Official admonitions
Admonitions that are officially documented
note
info
tip
warning
danger
Legacy admonitions
secondary
important
success
caution