Getting Started

Components

Themes

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

Badge

A ui element to display some information with elevation and shadow.

This is a badge!
1
Install by running this command!
npx uni-ui-kit install badge
2
Import the component!
import Badge from '../lib/ui/badge';
Properties table
rounded?
boolean
If true, will rounded the button!
shadow?
boolean
Cast shadow or not
size?
btnSize
Size variant
title
string
Title of the badge
variant?
variants
Variant derived from theme.
Library data types
btnSize
xs, sm, md, lg, xl
Button sizes with pre-defined padding and font sizes.
Variants
primary, secondary, tertiary, success, warning, error, ghost
Colors will change according to theme(light, dark). Use when it is intended.