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