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',
  color: {
    primary: '#FF0000',
    secondary: '#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.9.2 (2019-06-20)

Bug Fixes

• add reset style when baseStyle is not called (#121) (b512674), closes #117
• tab component styles broken (b9fdd81), closes #111