Getting Started

Components

Themes

Please understand this website is built in react, the components are in react native. There may be slight differences!

Toast

Toasting! Showing pop up message in the bottom of the screen.

Don't put inside a relative parent.There are only two types 'relative' and 'absolute' in rn
1
Install by running this command!
npx uni-ui-kit install toast
2
Import the component!
import useToast from '../lib/ui/Toast';
Properties table
animationType?
animationType
Intro and outro animation for the toast message
bottomBar?
boolean
Bottom animation bar according to the duration
closeBtn?
string
Close button text
closeBtnSize?
btnSize
Close button size(required button element)
hidesAfter?
number
Duration in ms to hides the toast box(setting 0 won't close until the button is pressed
variant?
variant
variant
Library data types
Variants
primary, secondary, tertiary, success, warning, error, ghost
Colors will change according to theme(light, dark). Use when it is intended.