Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/delef/will_paginate-bootstrap4

Hooks into will_paginate to format the html to match Twitter Bootstrap 4 styling
https://github.com/delef/will_paginate-bootstrap4

bootstrap bootstrap4 paginate paginate-stylings ruby will-paginate

Last synced: 3 months ago
JSON representation

Hooks into will_paginate to format the html to match Twitter Bootstrap 4 styling

Awesome Lists containing this project

README

        

# PROJECT MOVED: [delef/will_paginate-bootstrap-style](https://github.com/delef/will_paginate-bootstrap-style)

## [Will Paginate][wp] link renderer styles for [Twitter Bootstrap 4][bs]

![ex](https://cloud.githubusercontent.com/assets/2103263/18925649/74eeb836-85bd-11e6-9be1-593a076e684c.png)

Rails Engine that extends [will_paginate][wp] stylings to match the pagination styling conventions
in Twitter's [Bootstrap][bs] 4 toolkit.

### Installation

Add to your Gemfile:

gem 'will_paginate-bootstrap4'

### Usage

<%= will_paginate @clients, renderer: WillPaginate::ActionView::BootstrapLinkRenderer %>

The following options are available (in addition to the options available in will_paginate):

:list_classes = ['pagination'] # Array of classes
:aria_label = 'Page Navigation' # The aria label to use in the Nav tag
:previous_label = '«' # Previous page label
:next_label = '»' # Next page label

For example, to place the navigation section to the far right of the page, use this in your view:

<%= will_paginate @clients, list_classes: %w(pagination justify-content-end) %>

Just like you would in the regular [will_paginate][wp]. If you've got a need to use the default will_paginate stylings,
pass an option like so:

<%= will_paginate @collection, renderer: WillPaginate::ActionView::LinkRenderer %>

Copyright (c) 2016-2018 [Ivan Palamarchuk](https://github.com/delef) released under the MIT license

[wp]: http://github.com/mislav/will_paginate
[bs]: https://getbootstrap.com