Meet npm Pro: unlimited public & private packages + package-based permissions.Learn more »

react-native-colibri

0.1.0 • Public • Published

React Native Colibri

Fast, Small and Beautiful

npm version


Colibri is front-end framework created to build cross platform Android & iOS mobile apps using ready to use generic components of React Native. It contains a set of general purpose UI components styled in a similar way.

Quick Start

You can install React Native Colibri via Yarn or NPM.

# Yarn 
yarn add react-native-colibri
 
# NPM 
npm i react-native-colibri --save

Link resources (Fonts on Android)

react-native link

Guidelines

Typography

Installing custom fonts

Configuring fonts in Theme

Example:

import { setTheme} from 'react-native-colibri';
 
setTheme({
    fontFamily:{
        thin: 'Roboto-Thin',
        thinItalic: 'Roboto-ThinItalic',
        light: 'Roboto-Light',
        lightItalic: 'Roboto-LightItalic',
        regular: 'Roboto-Regular',
        regularItalic: 'Roboto-RegularItalic',
        medium: 'Roboto-Medium',
        mediumItalic: 'Roboto-MediumItalic',
        bold: 'Roboto-Bold',
        boldItalic: 'Roboto-BoldItalic',
    }
});

Components

Button

A button consists of text that clearly communicates what action will occur when the user touches it.

Card

This page provides guidance on the base elements of a card

Carousel

Allows you to display multiple items in a horizontal slide.

CarouselImage

Allows you to display multiple items in a horizontal slide with images, like Google Play Store.

DateFormatted

DatePicker

EmptyState

Loading

OkCancelView

Segment

Separator

SimpleText

Title

AnimatedModal

TableView

Utils

Install

npm i react-native-colibri

DownloadsWeekly Downloads

13

Version

0.1.0

License

MIT

Unpacked Size

2.16 MB

Total Files

117

Last publish

Collaborators

  • avatar