SOMMELIER

Sommelier is a React-Native UI library made for WineUp.

Installation

Before the start, install all dependencies:

yarn install

Also, download the Expo app from Google play/App store.

You could easily use it with a terminal or an emulator.

Usage

• Add Sommelier to your project: yarn add sommelier

• Import components that you want to use, for example:

import React from 'react'
import { View } from 'react-native'

import theme from 'sommelier/App/theme'
import { ThemeProvider } from 'styled-components'

import { H1 } from 'sommelier/App/components/Typography'
import Box from 'sommelier/App/components/Box'

// Use them in your Expo project, for example:
export default function App() {
  return (
    <View>
      <ThemeProvider theme={theme}>
        <Box borderRadius={10} backgroundColor="grayBackground" m={5}>
          <H1 fontFamily="PtSans" color="black">
            ABC
          </H1>
          <H1 fontFamily="PtSans" color="black" bold italic>
            ABC
          </H1>
        </Box>
      </ThemeProvider>
    </View>
  )
}