Page

Component status
n/a
Last releasedOctober 8, 2019
Current version@spectrum-css/page@2.0.0

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#
n/a

Text here!


Text here!






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>
Show markup