• Light
  • Dark
  • Darkest
  • Medium
  • Large
  • LTR
  • RTL
  • Default
  • Express

Well

Component status
Contribution
Current version@spectrum-css/well@5.2.2
ReleasedAugust 29, 2024
S2-foundations@spectrum-css/well@6.0.0-s2-foundations.13
ReleasedAugust 16, 2024

Variants


Standard
Contribution

Well Label (Optional)

Well done is better than well said.
Benjamin Franklin

Well said Ben!

Show markup
<h3 class="spectrum-Heading spectrum-Heading--sizeXXS">Well Label (Optional)</h3>
<span class="spectrum-Well">
 <p class="spectrum-Body">
  <em>Well done is better than well said.</em>
  <br>
  <strong>Benjamin Franklin</strong>
  <br><br>
  Well said Ben!
  </p>
</span>