Skip to content
React Native primitives and utilities for design systems. https://react-native-kondo.netlify.com
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
docs
src
.eslintrc.js
.gitignore
.prettierrc
LICENSE
README.md
doczrc.js
package-lock.json
package.json
tsconfig.json

README.md

react-native-kondo logo

react-native-kondo

React Native primitives and utilities for design systems.

Draws a lot of inspiration from Rebass.

Installation

npm i react-native-kondo

Usage

Import and use the the components

import React from 'react';
import { Box, Text, Touchable } from 'react-native-kondo';

const HomeScreen = () => (
  <Box flex={1} justifyContent="space-between" bg="white" py={5} px={3}>
    <Text fontSize={5} color="deepPurple" textAlign="center">
      Home
    </Text>
    <Box>
      <Touchable alignItems="center" bg="black" border={1} p={3} my={2}>
        <Text fontSize={3} color="white">
          Continue
        </Text>
      </Touchable>
      <Touchable alignItems="center" bg="white" border={1} p={3} my={2}>
        <Text fontSize={3} color="black">
          Cancel
        </Text>
      </Touchable>
    </Box>
  </Box>
);

Documentation

https://react-native-kondo.netlify.com

You can’t perform that action at this time.