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 from 'react'
import { ThemeProvider } from 'styled-components'
import { createTheme, GlobalStyle } from 'welcome-ui'

const options = {
  defaultFontFamily: 'Helvetica',
  headingFontFamily: 'Georgia',
  colors: {
    primary: {
      500: '#FF0000'
    },
    secondary: {
      500: '#00FF00'
    }
  }
}

const theme = createTheme(options)

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

Changelog

0.27.6 (2019-10-15)

Bug Fixes

• 0 character on Tag (8cfedc9)