JSPM – ih-essence@0.2.0

Package Exports

ih-essence

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 (ih-essence) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

#Essence - The Essential Material Design Framework

About Essence

Essence is a CSS framework that implements the guidelines from Google Material Design Specification using Facebook's react.js library. Use it to easily build super-fast and great looking web & mobile interfaces.

See here what you can build with Essence and how to do it. We've got several examples that will help you get started.

Installation

npm install react-essence@latest

Usage example:

import { Btn, BtnItem, Icon, Block, Text } from 'react-essence';

<Block type='div' classes={'brick brick-6'}>

    <Text type='h2' classes={"e-display-1 e-text-blue-700"}>Some title</Text>
    <Block type='div' classes={'e-text-grey-400 e-caption'}>
        <Text>Some text</Text>
    </Block>

    <Block type='div' classes={'brick brick-6 e-text-right e-padding-top-15'}>
        <BtnItem
            classes={'raised e-background-pink-A200'}
            onClick={this.yourActionOnClick}
            label='Button 1'/>

        <BtnItem
            classes={'raised e-background-pink-A200'}
            onClick={this.yourActionOnClick}
            label='Button 2'/>
    </Block>
</Block>

About Us

We are a team of front end developers with extensive experience in building highly desirable products for both large companies and startups alike here at Pearl HQ.

We're very fond of our UI/UX craft and we're constantly creating tools that allow us to work smarter and faster. Essence is one of those tools and we're happy to release it as open-source.

License

Essence is MIT licensed.

Essence documentation is Creative Commons licensed.

TO DO - Tasks

Essence Native NPM Package
Essence NPM Package
Essence Bower Package
Essence Native Bower Package
Essence test suite
style inline option for Essence components