This is a component library developed and mantained by Holded Mobile Team to be used in different mobile projects.

Installation

Using npm

npm install holded-mobile-ui

Using yarn

yarn add holded-mobile-ui

• This library has some important dependencies like react-native-svg, consistencss and Roboto Font

Example

import { View } from 'react-native';
import { Text, TextVariant } from 'holded-mobile-ui';

const App = () => (
  <View>
    <Text variant={TextVariant.Hero}>This is a HERO text</Text>
  </View>
);

Documentation

• ActionSheet
• Avatar
• AwesomeIcon
• BottomModal
• Button
• Colors
• FilterChip
• Icon
• Input
• Layout
• Loader
• Modal
• Select
• Tabs
• Text

For development

To get started with the project, run yarn bootstrap in the root directory to install the dependencies:

yarn bootstrap

While developing, you can run the example app to test your changes.

To start the packager:

yarn example start

UI Library App

This app is for internal use and visual testing. We distribute it via App Center, here you can request access to it.

Commit message convention

We follow the conventional commits specification for our commit messages:

• fix: bug fixes, e.g. fix crash due to deprecated method.
• feat: new features, e.g. add new method to the module.
• refactor: code refactor, e.g. migrate from class components to hooks.
• docs: changes into documentation, e.g. add usage example for the module..
• test: adding or updating tests, eg add integration tests using detox.
• chore: tooling changes, e.g. change CI config.

Our pre-commit hooks verify that your commit message matches this format when committing.