Holded Mobile UI

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.

🤖   Android

🍏   iOS

---

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.