Edit in JSFiddle

    Vendavo.Money({
        container: '#currencyPlace1',
        state: Vendavo.componentModes.FORM_WRITE,
        value: 1234,
        formMode: {
            items: [{
                key: 'USD',
                label: 'USD - Dollar'
            }, {
                key: 'CZK',
                label: 'CZK - Czech Krone'
            }],
            defaultValue: 'USD'
        }
    });

    Vendavo.Money({
        container: '#currencyPlace2',
        value: 1234,
        state: Vendavo.componentModes.FORM_READ,
        currency: 'USD'
    });

    Vendavo.Money({
        container: '#currencyPlace3',
        value: 1234.2,
        state: Vendavo.componentModes.PRESENTATION,
        currency: 'USD'
    });

    // DON'T REMOVE THIS
    var path = "http://ux01-paux.xenre.vendavo.com/proto_ux-enterprise/_/";
    var styles = ['css/styleguide.css', 'css/theme.css'];
    styles.forEach(function (item, i) {
        var style = document.createElement('link');
        style.rel = 'stylesheet';
        style.type = 'text/css';
        style.href = path + item;
        document.getElementsByTagName('head')[0].appendChild(style);
    });
    // DON'T REMOVE THIS ^^^^^^^

<script src="http://ux01-paux.xenre.vendavo.com/pezzi/Pezzi.build.js"></script>
<section class="container">
    <div class="row row-offcanvas row-offcanvas-right">
        <div class="content col-xs-12 col-sm-9">
            <br />
            <!-- HERE IS PLACE WHERE COMPONENT WILL BE RENDERED -->
            <form id="currencyPlace1"></form>
            <br />
            <form id="currencyPlace2"></form>
            <br />
            <p id="currencyPlace3"></p>
            <br />
        </div>
    </div>
</section>