@patomation/react-ui-components v1.7.5

React Ui Components

A React js UI component library using material design principles. Includes all the building blocks to build a Gatsby website or a regular web app. Inline styles used but classes are available to override things. A config file exists for customizing global sizes and colors. Tested and linted JavaScript goodness.

Installation

yarn add @patomation/react-ui-components

or

npm install @patomation/react-ui-components --save

Usage

import { Hero, Button, Icon, Footer } from '@patomation/react-ui-components'

const myComponent = () => {
  <div>
    <Hero
      image='/images/hero_image.jpg'
      title='My Cool Site'
      description='well met'>

    <Button title='cool beans' />

    <Icon name='star' /> {/* Supports svg material icons no font required */}

    <Footer>Footer Stuff</Footer>
  </div>
}

export default MyComponent

Components

• Badge
• Brand
• Breakpoints
• Button
• Calendar
• Card
• Carousel
• Center
• Clickable
• Code
• Collapse
• config.js
• Content
• DragDrop
• Error
• Footer
• Form
• Grid
• Gutter
• Header
• Heading
• Hero
• Hr
• Icon
• IconButton
• Image
• ImageGrid
• index.js
• Input
• Link
• List
• Loader
• LoginForm
• Modal
• Nav
• Panel
• RegisterForm
• Row
• ScrollButton
• Section
• Select
• Shape
• SideBar
• Spinner
• Tabs
• User