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