Contents

import React from 'react'
import { Currency } from '../../'

const CurrencyAlignment = (props) => {
  return (
    <>
      <Currency
          {...props}
          amount="2,000.50"
          label="Left"
          size="sm"
      />
      <Currency
          {...props}
          align="center"
          amount="342"
          label="Center"
          size="sm"
          symbol="€"
      />
      <Currency
          {...props}
          align="right"
          amount="45"
          label="Right"
          size="sm"
          unit="/mo"
      />
    </>
  )
}

export default CurrencyAlignment

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
playbook_ui-7.11.1	app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-7.11.0	app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-7.11.0.pre.alpha1	app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-7.10.0	app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-7.9.0	app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx