Skip to content

josephmaxim/sc-react

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Skewed container react (sc-react)

A react library for creating non-rectangular/slanted container divs.

Build Status npm version

Hero Image

Installation (Medium post)

npm install --save sc-react

or

yarn add sc-react

Adding sc-react

import SkewedContainer from 'sc-react';

Example

export default class extends React.Component{
    render(){
        return(
            <div>
                <SkewedContainer
                top="left || right"  
                bottom="left || right"
                bgColor="skyblue"  
                >
                    {/* YOUR CODE HERE */}
                </SkewedContainer>
            </div>
        )
    }
}

Properties

SkewedContainer.propTypes = {
    className: PropTypes.string,
    style: PropTypes.object,
    top: PropTypes.string,
    bottom: PropTypes.string,
    noMargin : PropTypes.bool,
    bgColor: PropTypes.string
    skew: PropTypes.Number
}

About

πŸ₯‡ [sc-react v1 alpha] A react library for creating non-rectangular/slanted container divs.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published