Getting Started

Components

Themes

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

Link

Link element with hover effect

1
Install by running this command!
npx uni-ui-kit install input
2
Import the component!
import Input from '../lib/ui/input';
Properties table
disabled?
boolean
Disabled or not
fontSize?
fontSize
Font sizes
onHover?
()=>void
Called when the link is hovered
onPress?
()=>void
Called when the link is pressed
title
string
Title of the link
variant?
variant
Variant of the link
Library data types
fontSize
xxs, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl
Built in font size derived from tailwind _~_ Can import by FontSize from './unistyles.ts'
Variants
primary, secondary, tertiary, success, warning, error, ghost
Colors will change according to theme(light, dark). Use when it is intended.