Pterrific-ui NPM

pterrific-ui

A simply pterrific component library for React Native.

NOTE: This library is HIGHLY work in progress. Breaking changes will be frequent and expected, so bear that in mind when using it.

Installation

npm install pterrific-ui

Usage

Button

import { Button, Colors } from "pterrific-ui";

// ...

const onPress = () => console.log("Button pressed"

<Button
    onPress={onPress)             // () => void
    variantColor={Colors.Blue}    // Color
    variantColorWeight='400'      // ColorIndex
    size='md'                     // "sm" | "md" | "lg"    
    isLoading={false}             // boolean
    isDisabled={false}            // boolean
>
    Press Me
</Button>

Radio

import { Radio, RadioGroup, Colors } from "pterrific-ui";

// ...

<RadioGroup
    style={style}               // "card" | "minimal"
    iconStyle={iconStyle}       // "check" | "circle"
    type={type}                 // "radio" | "select"
    inline={inline}             // boolean
    value={value}               // string | number | boolean
    onChange={onChange}         // (values: string | number | boolean) => void
    variantColor={Colors.Blue}  // Color
>
    <Radio>A</Radio>
    <Radio>B</Radio>
    <Radio>C</Radio>
    <Radio>D</Radio>
</RadioGroup>