Sign upLogin

jtassin/formatted-amount

View on GitHub
Star
examples/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="UTF-8">
    <title>Formatted-amount by jtassin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
    <h1 class="project-name">Formatted-amount</h1>
    <h2 class="project-tagline"></h2>
    <a href="https://github.com/jtassin/formatted-amount" class="btn">View on GitHub</a>
    <a href="https://github.com/jtassin/formatted-amount/zipball/master" class="btn">Download .zip</a>
    <a href="https://github.com/jtassin/formatted-amount/tarball/master" class="btn">Download .tar.gz</a>
</section>

<section class="main-content">
    <div class="container">
        <div class="row">
            <h2>Example with positive amount</h2>
            <div class="col-4">
                <div class="box-example">
                <div id="euro-positive-container">
                    <p>
                        To install React, follow the instructions on
                        <a href="https://github.com/facebook/react/">GitHub</a>.
                    </p>
                    <p>
                        If you can see this, React is <strong>not</strong> working right.
                        If you checked out the source from GitHub make sure to run <code>grunt</code>.
                    </p>
                </div>
            </div>
            </div>
            <div class="col-8">
<pre>
    &lt;FormattedAmount amount={1337} currency={'€'}/&gt;
</pre>
            </div>
        </div>


        <div class="row">
            <h2>Example with negative amount</h2>
            <div class="col-4">
                <div class="box-example">
                    <div id="dol-negative-container">
                        <p>
                            To install React, follow the instructions on
                            <a href="https://github.com/facebook/react/">GitHub</a>.
                        </p>
                        <p>
                            If you can see this, React is <strong>not</strong> working right.
                            If you checked out the source from GitHub make sure to run <code>grunt</code>.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-8">
<pre>
    &lt;FormattedAmount amount={-1337} currency={'$'}/&gt;
</pre>
            </div>
        </div>
        
    </div>

    <div class="row">
    <footer class="site-footer">
        <span class="site-footer-owner"><a href="https://github.com/jtassin/formatted-amount">Formatted-amount</a> is maintained by <a
                href="https://github.com/jtassin">jtassin</a>.</span>

        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a
                href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a
                href="https://twitter.com/jasonlong">Jason Long</a>.</span>
    </footer>
    </div>

</section>
<script src="./bundle.js"></script>

</body>
</html>