•   Growth UI Native  

  • Getting Started

  • System

  • Components

    • Avatar
    • Badge
    • Box
    • Button
    • CheckBox
    • Chip
    • Collapse
    • Comment
    • CurrencyInput
    • DateInput
    • Dropdown
    • Flag
    • Icon
    • Image
    • Input
    • List
    • Parallax
    • Rating
    • Row
    • Sheet
    • Slider
    • Spacer
    • SpeedDial
    • Tab
    • Tooltip
    • Typography

Introduction
Install GUI, React Native Elements for faster and easier app development. Build your own design system. The official Growth-UI-Native integration.

A quick thank for our sponsors:
Npm icon

To install and save in your package.json dependencies, run:

# with npm
npm install @growth-ui/native

# with yarn
yarn add @growth-ui/native

Please note that react-native-svg >= 12.1.1 is peer dependency.

Bsic usage

import { Button } from '@growth-ui/native';

const App = () => (
  <Button color='primary'>
    Hello Growth UI Native
  </Button>
);

Dark Mode

PartlySunny icon

You can enable dark mode both automatically and manually.

/**
 * If you don't wrap your App component with ThemeProvider, 
 * it will use "light" mode by default.
 */

import { ThemeProvider } from '@growth-ui/native';

// Automatically updates color scheme, 
// either through direct user action (e.g. theme selection in device settings) 
// or on a schedule (e.g. light and dark themes that follow the day/night cycle).
const App = () => (
  <ThemeProvider mode='auto'>
    <AppComponent />
  </ThemeProvider>
)

// Or manually
const App = () => (
  <ThemeProvider mode='light'>
    <AppComponent />
  </ThemeProvider>
)

const App = () => (
  <ThemeProvider mode='dark'>
    <AppComponent />
  </ThemeProvider>
)