README
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