New:Socket for Asana Is Now Available.Learn more
Get Started

@zachleat/fundraising-status

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@zachleat/fundraising-status

Web component to show the current status of a fundraiser.

latest
Source
npmnpm
Version
1.0.6
Version published
Weekly downloads
13
550%
Maintainers
1
Weekly downloads
 
Created
Source

fundraising-status

A web component to show the current status of a fundraiser, including goal amount and current value.

Demo

  • https://zachleat.github.io/fundraising-status/demo.html

Installation

You can install via npm (@zachleat/fundraising-status) or download the fundraising-status.js JavaScript file manually.

npm install @zachleat/fundraising-status --save

Add fundraising-status.js to your site’s JavaScript assets.

Usage

<!-- supply values -->
<fundraising-status min="0" max="200" value="100"></fundraising-status>

<!-- specify Intl.NumberFormat currency -->
<fundraising-status min="0" max="200" value="100" currency="USD"></fundraising-status>

<!-- change accent color -->
<fundraising-status style="--fs-color: blue"></fundraising-status>

<!-- scales with font-size -->
<fundraising-status style="font-size: 2em"></fundraising-status>

FAQs

Package last updated on 24 May 2024

Related posts