welcome-ui

Welcome UI

Welcome to the Welcome UI library create by Welcome to the jungle with react and styled components 💅

Here you'll find all the core components you need to create a delightful webapp.

🌴 Discover all the components

Install

npm install welcome-ui

or

yarn add welcome-ui

Import library & Theme

You can find all the theme properties here.

import React, { Fragment } from 'react'
import { ThemeProvider } from 'styled-components'
import { createTheme, getBaseStyles } from 'welcome-ui'

const options = {
  defaultFontSize: 16,
  defaultFontFamily: 'Helvetica',
  headingFontFamily: 'Georgia',
  colors: {
    primary: {
      500:'#FF0000'
    },
    secondary: {
      500: '#00FF00',
    }
  }
}
const theme = createTheme(options)
const BaseStyles = getBaseStyles(theme)

export default const Root = () => {
  // Wrap your component with ThemeProvider
  return (
    <Fragment>
      <BaseStyles />
      <ThemeProvider theme={theme}>
        <div>Welcome!</div>
      </ThemeProvider>
    </Fragment>
  )
}

export default Root

Changelog

0.11.0 (2019-06-25)

Bug Fixes

• style on ios safari (5346029)

Features

• add Reakit to Tabs component (1543c07)