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

Well

Component status
Contribution
Current version@spectrum-css/well@5.2.3
ReleasedSeptember 13, 2024
S2-foundations@spectrum-css/well@6.0.0-s2-foundations.14
ReleasedSeptember 12, 2024
View repository
GitHub
View package
npm

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>