Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

react-native-colibri

0.2.0-pre.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

44

Version

0.2.0-pre.0

License

MIT

Unpacked Size

2.16 MB

Total Files

117

Last publish

Collaborators

  • avatar