Getting Started

Components

Themes

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

Accordion

An accordion element.

Where is it inspired from?
Shadcn ui, very beautiful!
Good morning?
IDK?
There is some clickable area issue in this web only!
1
Install by running this command!
npx uni-ui-kit install accordion
2
Import the component!
import Accordion from '../lib/ui/accordion';
Properties table
allowOpeningMoreThanTwo?
boolean
Allow opening more than two accordion elements.
data
string[]
Data displayed inside accordion.
dataFontSize?
number[]
Data font sizes
defaultOpenedIndex?
string[]
Default opened indexes, starting from 1
headings
fontSizes
Headings to map with the data.
headingFontSize?
number
Heading font sizes
type?
string[]
Accordion action types
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'