@moneymade/moneymade-widgets NPM

Installation

Just run the following command at the root of your project:

npm install moneymade-widgets

First you need to wrap your project with MoneymadeEmbed component

import { MoneymadeEmbed } from 'moneymade-widgets'

<MoneymadeEmbed>
  {children}
</MoneymadeEmbed>

Our Comonents:

Basic example:

import { 
  InlineData,
  Monetized,
  TickerTable,
  CategoryRoundup,
  TickerExpanded,
  ArticleSnapshot,
  TickerSimple } from 'moneymade-widgets'

 <TickerSimple symbol="AAPL" />

Props	Type	Default	Description
symbol	string	-	Set ticker to display
schema	string	-	Set schema to display

  <ArticleSnapshot title="Test" symbols={['AAPL', 'BRK.A', 'MSGE']} />

Props	Type	Default	Description
symbols	string[]	-	Set array with tickers
title	string	''	Set text
schema	string	-	Set schema to display

  <CategoryRoundup title="Test" symbols={['AAPL', 'BRK.A', 'MSGE']} />

Props	Type	Default	Description
symbols	string[]	-	Set array with tickers
title	string	''	Set text
schema	string	-	Set schema to display

  <Monetized symbols={['AAPL', 'MSGE']} timeframe="1Y" />

Props	Type	Default	Description
symbols	string[]	-	Set array with tickers
timeframe	string	24H, 7D, 30D, 1Y, 5Y, 10Y	You need select one of the proposed default values
schema	string	-	Set schema to display

  <InlineData symbol="FB" dataPoint="5yr-average-annual-return" fontSize="20" />

Props	Type	Default	Description
symbol	string	-	Set ticker to display
schema	string	-	Set schema to display
fontSize	string	12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32	You need select one of the proposed default values
dataPoint	string	market-cap, price, ytd-return,todays-return, last-5-trading-days-return, last-52-weeks-return, 5yr-average-annual-return, 10yr-average-annual-return	You need select one of the proposed default values

  <TickerExpanded symbol="FB" />

Props	Type	Default	Description
symbol	string	-	Set ticker to display
schema	string	-	Set schema to display

2 years ago

2 years ago

2 years ago