Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
# react-coppie
an image cropping plugin based on [Croppie](http://foliotek.github.io/Croppie)
An image cropping plugin based on [Croppie](http://foliotek.github.io/Croppie)
keep in mind this is a work in progress and not all the features of croppie are yet available
##install

## Installation
Npm:``` npm install react-croppie```

##using react-croppie
## Using react-croppie

###in your react component:
### In your react component:
```
var Croppie = require("react-croppie");
...
render(){
return <Croppie url="path/to/image"/>
}
```
###in your html file :
### In your html file :
```
<link rel="stylesheet" href="node_modules/react-croppie/cropper.css">
```

##documentation
## Documentation

you can pass props to react-croppie component based on [croppie docs](http://foliotek.github.io/Croppie/#documentation)
You can pass props to react-croppie component based on [croppie docs](http://foliotek.github.io/Croppie/#documentation)

###the result
currently we only support canvas type from [croppie docs](http://foliotek.github.io/Croppie/#documentation)
### The result
Currently we only support canvas type from [croppie docs](http://foliotek.github.io/Croppie/#documentation)

```
var Croppie = require("react-croppie");
...
render(){
render() {
return <Croppie url="path/to/image" ref="reactCroppie"/>
},
...
Expand Down