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.
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