Getting Started

Components

Themes

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

Tab

Tabs for displaying data with cool animation!

Tab data 1
There is a slight difference in the actual component built in react native.
1
Install by running this command!
npx uni-ui-kit install tab
2
Import the component!
import Tab from '../lib/ui/tab';
Properties table
contents
React.ReactNode[]
Contents to be displayed inside the tab(if it is just text, dark mode and light mode will be automatically adjusted)
defaultOpenedIndex?
number
Default opened tab(starting from 0)
headings
string[]
Headings to be shown as tabs
height
DimensionValue
Height of the content box
variant?
variant
Variant of the whole tab
width?
DimensionValue
Width of the tab
Library data types
Variants
primary, secondary, tertiary, success, warning, error, ghost
Colors will change according to theme(light, dark). Use when it is intended.