Skip to main content

Admonitions tests

Empty content​

Title Only

Empty fragment content​

Title Only

Large font icon​

💡Did you know...

content

ℹ️Did you know...

content

Large svg icon​

Did you know...

content

Did you know...

content

Admonitions with attributes​

Relevant CSS for this section
dogfooding.css
/* ... */
.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​

info

The class shadow was added by writing :::info{.shadow}.

info

The class shadow and blue were added by writing :::info{.shadow .blue}.

Ids​

info

The id info-1 was added by writing :::{#info-1}

info

The last provided id info-2 wins when writing :::{#info-3 #info-1 #info-2}

Combination​

info

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

  1. Item 1

    Important Considerations

    For better experience, try to keep the upgrade experience smooth.

  • Scale-up cluster

    Warning

    Scaling up a cluster may cause several minutes of downtime. Please exercise caution.

Quoted admonitions​

There be dragons

This is the admonition content

There be dragons

This is the admonition content

Official admonitions​

Admonitions that are officially documented

note

note

info

info

tip

tip

warning

warning

danger

danger

Legacy admonitions​

secondary

secondary

important

important

success

success

caution

caution