@keoworld/gbl-ui-kit NPM

@keoworld/gbl-ui-kit

User Interface KIT by Keo

Install

npm install --save @keoworld/gbl-ui-kit

Usage

import React from 'react'
import { Theme, Input, Button } from '@keoworld/gbl-ui-kit'
import LOGO from '@keoworld/gbl-ui-kit/assets/logo/android-chrome-192x192.png'
import '@keoworld/gbl-ui-kit/styles/index.css'

const App = () => {
  return (
    <ThemeProvider theme={THEME}>
      <header>
        <img alt='logo' src={LOGO} />
        <h1>User Interface KIT</h1>
      </header>
      <Input
        label='Single-line input label'
        placeholder='Input text for a single line field'
        value='Lorem ipsum dolor sit amet'
        error='Lorem ipsum dolor sit amet, consectetuer.'
      />
      <Button>Button 1</Button>
    </ThemeProvider>
  )
}