Getting Started

Components

Themes

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

Select

Select element just like in web but easier!

selectedIndex and setSelectedIndex are required to make this component work!
1
Install by running this command!
npx uni-ui-kit install select
2
Import the component!
import Select from '../lib/ui/select';
Properties table
data
{data: string,label: string}[]
Data and label to use in the options
height
number
Height of the option box(it is a flatlist)
onChange
(data)=>void
Called when the value is changed
placeholder?
string
Placeholder to display when nothing is selected(index-0)
selectedIndex
State<number>
State<number>
setSelectedIndex
SetState<number>
SetState<number>
size?
btnSize
Button size since it is implemented using button
width
number
Width of the dropdown
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.