open-index/open-npm huggingface dataset:
npm package: @mats_/react-gradient-button
Description: A Simple React Gradient Button
Author: mats_
Latest version: 0.1.1

A Simple React Gradient Button by mats_

Installation

Install using npm install @mats_/react-gradient-button

Usage

In a React app, use the Button Component as follows:

import { Button } from '@mats_/react-gradient-button'

Button props

Name	Description

buttonText  string 

buttonWidth number

buttonHeight number

buttonRadius number(renders as pixels)

gradientType 'linear-gradient' 

gradientDirection 'left | right | bottom-left | bottom-right | top-left | top-right	'

gradientColorOne 'hex | rgba() | name'

gradientColorTwo 'hex | rgba() | name'

disabled	Boolean

onClick	function
npm package: @mats_/react-rate-card
Description: A Simple Rate Card
Author: mats_
Latest version: 0.1.0

A Simple Rate Card

* Currency Converted are USD/XLM to TZS, KES, RWF.

Installation

Install using npm install @mats_/react-rate-card

Usage

In a React app, use the Rate Card Component as follows:

import { RateCard } from '@mats_/react-rate-card'

[Card Styling Props]

Name                   Description

cardBackgroundColor    hex | rgba() | name 

cardSpacing            {number} -> renders as pixels

cardFontStyle          'String' -> example 'Ubuntu'

cardGradient           'boolean' -> if true, then also specify below props

gradientType           'linear-gradient' (only supports linear-gradient for now)

gradientDirection      'left | right | bottom-left | bottom-right | top-left | top-right '

gradientColorOne       'hex | rgba() | name'

gradientColorTwo       'hex | rgba() | name'