• Lightest
  • Light
  • Dark
  • Darkest
  • Medium
  • Large
  • LTR
  • RTL

Page

Component status
Contribution
Last releasedOctober 20, 2020
Current version@spectrum-css/page@2.0.8-beta.1

Usage notes


The outer page container. A parent tag should only have the .spectrum class if using a standalone CSS file.
If using multistops, a parent tag should have both the .spectrum class and the corresponding colorstop variant class, i.e. .spectrum--light.
Finally, if scaling to large with the diff strategy, a parent tag should have the .spectrum--large class.

Variants


Standard
Contribution

Text here!


Text here!






Show markup
Text here!<br>
<br><br>
<div class="spectrum--large spectrum">
  Text here!<br>
</div>
<br><br>

<button class="spectrum-Button spectrum-Button--cta">Button</button>
<br><br>
<div class="spectrum--large">
  <button class="spectrum-Button spectrum-Button--cta">Button</button>
</div>
<br><br>