Price Field

<sw-price-field>

ready

Usage

Loading...
<sw-price-field :taxRate="{ taxRate: 19 }"
                :price="[{ net: 10, gross: 11.90, currencyId: '...' }, ...]"
                :defaultPrice="{...}"
                :currency="{...}">
</sw-price-field>

Component properties

Property name Type Default
price Array
defaultPrice Object
taxRate Object
currency Object
validation
label true
compact false
error Object
disabled false
disableSuffix Boolean false
grossLabel String
netLabel String
name String

Methods

Method name Parameters
onLockSwitch No parameters
onPriceGrossChange value
onPriceGrossChangeDebounce No parameters
onPriceNetChange value
onPriceNetChangeDebounce No parameters
convertNetToGross value
convertGrossToNet value
requestTaxValue value outputType
convertPrice value
keymonitor event

Imports

  • ./sw-price-field.html.twig
  • ./sw-price-field.scss

Watcher

SASS variables

Variable name Value
$sw-price-field-lock-color-default $color-gutenberg ($color-darkgray-200)
$sw-price-field-lock-color-locked $color-shopware-blue ($color-shopware-brand-500)
$sw-price-field-suffix-font-size 20px
$sw-price-field-suffix-font-weight 400

Twig blocks

  • sw_price_field_gross
  • sw_price_field_lock_button
  • sw_price_field_net
  • sw_price_field