@yuzu-hq/stock-price-badge

This demo is a drop-in component that renders a badge of real-time updating stock prices on your website. The entire component is a self-contained web component built using [Lit](https://lit.dev/) and the [Yuzu Stock and Crypto API](https://yuzu.dev).

0.1.3
latest
Source
npm

Version published: 3 years ago

Maintainers: 1

Created: 3 years ago

Source

🍋 Stock Price Badge Demo

This demo is a drop-in component that renders a badge of real-time updating stock prices on your website. The entire component is a self-contained web component built using Lit and the Yuzu Stock and Crypto API.

chips

To use in your own website, go grab an API key from Yuzu.dev.

Then, drop this line in the <head> of your html:

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Stock Price Badge demo</title>

    <!-- 👇 These are the two lines you want -->
    <script type="module" 
            src="https://unpkg.com/@yuzu-hq/stock-price-badge/dist/stock-price-badge.es.js"></script>
  </head>

And then on your page, just render it like any other HTML element:

<div>
  <stock-price-badge
    symbol="BRK.A"
    api-key="YOUR API KEY">
  </stock-price-badge>
</div>

And voila! You're off to the races 🐎.

Leave us an issue for comments, requests, or feedback!

FAQs

What is @yuzu-hq/stock-price-badge?

Is @yuzu-hq/stock-price-badge well maintained?

Package last updated on 24 Jun 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@yuzu-hq/stock-price-badge

🍋 Stock Price Badge Demo

Related posts

Linux Foundation Warns Open Source Developers: Compliance with Sanctions Is Not Optional

Maven Central Adds Sigstore Signature Validation