@adiraku/react-native-ui NPM

@adiraku/react-native-ui

UI Library for Adiraku Apps

Welcome to the documentation for @adiraku/react-native-ui! This is a component library for React Native that offers a collection of versatile components inspired by Aleph design and developed with atomic design principles. This documentation will provide instructions on installation, usage, and customization of the components, enabling you to enhance your React Native applications efficiently. Let's begin exploring @adiraku/react-native-ui!

For detailed design references, please visit link below:

Documentation
Figma
Storybook (Require office network to access)

Installation

yarn add @adiraku/react-native-ui@latest

Configuring font

This library use Montserrat font, make sure you have them in your projects

Montserrat-Bold,
Montserrat-BoldItalic,
Montserrat-Italic,
Montserrat-Regular,
Montserrat-SemiBold,
Montserrat-SemiBoldItalic

Reference: configuring assets in react native

Quick start

The following code snippet demonstrates a simple app that uses the Button component:

import React from 'react-native';
import { View } from 'react-native';
import { Button } from '@adiraku/react-native-ui';

export function MyApp() {
  return (
    <View>
      <Button
        variant="primary"
        label="This is button"
        onPress={() => console.log('Pressed')}
      />
    </View>
  );
}