Quick Proto Kit
  • Quick Proto Kit
  • Introduction
  • Geting started
  • How to use?
  • System
    • Primitives
      • View
      • Text
      • Image
      • Stack
    • Components
  • Change Log
  • FAQ
Powered by GitBook
On this page

Geting started

Install

Install the following

npm install --s quick-proto-kit styled-components styled-map styled-system

quick-proto-kit requires react to function. You can use create-react-app to quickly setup a react project and begin developing.

Once you're strong enough, save the world:

import React, { Component } from 'react';
import {View, Text, Image, Stack} from 'quick-proto-kit';

class Example extends Component {
  render () {
    return (
      <Stack horizontal mid bg={'#ffffff'} height={'200px'} >
          <View width={'100px'} height={'100px'} bg={'#f5f5f5'} />
          <View width={'100px'} height={'100px'} bg={'#efeff4'} />

      </Stack>

    )
  }
}

PreviousIntroductionNextHow to use?

Last updated 6 years ago