Feyipay-components NPM

Feyipay Components

This is a components library in use for a cryptocurrency and fiat payment gateway currently in development

Futures - InputBox component:

A single Input component, named InputBox with input type such as date to show up a calendar and clock to select time.
Same InputBox can display as a text field or select field based on the type attribute
It also shows an error message in red when the error attribute is passed and the length is greater than zero
It shows a description of the input field when the description attribute is passed
It shows a small "what is this" button at the top right side of the field when the "info" attribute is passed, and shows a comprehensive information on the field when the button is clicked.

Futures - AmountSelectorModal component:

A component that pops up as a modal and shows an InputBox for the user to enter an amount.
This field shows a price slider which can be used to adjust the initial value passed to the input
Users can also use the text input field to enter the amount

Futures - AnimFloat component:

This is a component that is wrapped around any component, be it Image, Text, div,... to float the child component soothingly, peacefully, and therapeutically up and down in a relaxed heartbeat rythym by default.

There are several cool components in the library. A comprehensive documentation will be written later.

Important Info

This library uses Build status as its styling library

In order to avoid users of this library and chakra-ui from bloating their project, This library exports its @chakra-ui/reacts components and react-icons/fa components so you don't have to setup chakra-ui

Just wrap your App with the FeyiPayWidgetProvider instead of the ChakraProvider. You can also pass your Chakra-Ui theme to the FeyiPayWidgetProvider