MIKROTIK-RN is a collection of components focused on high performance with the possibility of using the technologies used in react native, with a focus on production and ease of use.
## Installation (not yet provided!)
For npm users:
npm i
For yarn users:
yarn add
- Typescript
- Recent React Native
- Possibility to customize all components
- Support a reanimated and Skia
- Support Expo
- Headless Components
- Perfomatic Components
As there is still no quality document, I suggest looking and checking the examples of its use
This projeto is composed of:
ThemeProvider – Provider for managing reuse of themes and tokens.
makeStyle – Hook for creating themed performance stylesheet.
useVirtualList – Virtualized list with search support.
TThemeBase – Base theme list.
Components list:
| Inputs | Description |
|---|---|
| Input | Input component with support for icons, styles, animation. |
| checkbox | checkbox component |
| select | Support select via bottomsheet, support search and visualized list |
| radio | radio button component |
| otp | Component for OTP support, with support for errors and number of tokens |
| range | Support for major and minor intervals and animations |
| Counter | Support a counter max and min |
| Carousel | Description |
|---|---|
| Carousel | Suport variations Parallax or Default |
| loaders | Description |
|---|---|
| dots | |
| skeleton |
| progress | Description |
|---|---|
| line | Suport skia or reanimated |
| transitions | Description |
|---|---|
| fade | |
| height | |
| opacity |
| loaders | Description |
|---|---|
| worm | |
| dot |
| datadisplay | Description |
|---|---|
| avatar | |
| vatar groupping | |
| card anatomy | |
| tags | |
| Generic card | |
| Not found Items |
| buttons | Description |
|---|---|
| generic | |
| backbutton | |
| tabs |
| modal | Description |
|---|---|
| generic | |
| bottom sheet | |
| modal base | |
| confirm |
| icons | Description |
|---|---|
| icons |
Example.mp4
- Docs
- Examples
- improves new components
- Tharyck Gusmão