Package Exports

welcome-ui

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (welcome-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

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