Sha256: fb463d0b087bf919c69e1386bb9a1a767eca681cdf97edf5623d59a8841b8226

Contents?: true

Size: 605 Bytes

Versions: 1919

Compression:

Stored size: 605 Bytes

Contents

import React from 'react'

import Currency from '../_currency'

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

export default CurrencyAlignment

Version data entries

1,919 entries across 1,919 versions & 2 rubygems

Version Path
playbook_ui-11.10.0.pre.alpha.pre.bold1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.10.0.pre.alpha.pagination1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.10.0 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.9.0 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.9.0.pre.alpha.fileupload1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.8.1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.8.0 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.7.0.pre.alpha.table1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.7.0 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.6.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.6.0 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.5.0 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx