Skip to content

Commit

Permalink
Merge pull request #6 from luilliarcec/master
Browse files Browse the repository at this point in the history
Bug fixes with obsolete links and aggregation of icon acceptance in the previous and next buttons.
  • Loading branch information
GHarutyunyan authored Oct 20, 2019
2 parents 2ff67e8 + eac7ae7 commit b523b24
Show file tree
Hide file tree
Showing 4 changed files with 3,434 additions and 23 deletions.
25 changes: 19 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,14 @@
[![](https://img.shields.io/npm/v/react-laravel-paginex.svg)](https://www.npmjs.com/package/react-laravel-paginex)

`react-laravel-paginex` will provide you ability to easily
create pagination from Laravel Pagination object.
create pagination from Laravel Pagination object.


Fork of project react-laravel-paginex with some improvements and corrections

#### Creators:
- [Garik Harutyunyan](https://github.com/GHarutyunyan)
- [Lionix Team](https://github.com/lionix-team)

## Installation

Expand Down Expand Up @@ -91,16 +98,22 @@ or

## Customizations

You can customize your pagination styles by overwriting default values.
You can customize your pagination styles by overwriting default values.
If you do not want to use icons or do not have the default icon source (mdi) used in the project,
you can pass false as the value of iconButtons

Available props for component:

Prop Name | Default Value
------------- | -------------
containerClass | pagination
iconButtons | true
prevButtonClass | page-item
prevButtonText | Prev
prevIconButton | mdi mdi-chevron-left
nextButtonClass | page-item
nextButtonText | Next
nextIconButton | mdi mdi-chevron-right
numberButtonClass | page-item
numberClass | page-link
numbersCountForShow | 2
Expand All @@ -117,7 +130,8 @@ You have to define here only props which you want to overwrite.
options:{
containerClass: "pagination-container",
prevButtonClass: "prev-button-class",
nextButtonText: "Next Page"
nextButtonText: "Next Page",
iconButtons: false,
...
}
```
Expand All @@ -132,9 +146,8 @@ params=()=>{
}
}
```
`<Pagination changePage={this.getData} data={data} options={options} requestParams={this.params()}/>`
`<Pagination changePage={this.getData} data={data} options={options} iconButtons={false} requestParams={this.params()}/>`

## Credits

- [Garik Harutyunyan](https://github.com/GHarutyunyan)
- [Lionix Team](https://github.com/lionix-team)
- [Luis Arce](https://github.com/luilliarcec)
Loading

0 comments on commit b523b24

Please sign in to comment.