Price

Use price to display consistent price text in your project.

Examples#

To render price, use the class chi-price.

Base#

$10000
<div class="chi-price">
  <sup>$</sup>
  100
  <sup>00</sup>
</div>

Sizes#

-sm

$10000

-md

$10000

-lg

$10000
<div class="chi-price -sm">
  <sup>$</sup>
  100
  <sup>00</sup>
</div>
<div class="chi-price -md">
  <sup>$</sup>
  100
  <sup>00</sup>
</div>
<div class="chi-price -lg">
  <sup>$</sup>
  100
  <sup>00</sup>
</div>

Web Component#

Properties#

Web component coming soon

Accessibility#

Accessibility guidelines coming soon