src/Component.php
public function html($type = 'bootstrap', array $options = array())
    {
        if ($type == 'links' && !empty($this->links)) {
            $this->links = array_merge($this->links, $options);
        } elseif ($type == 'pager' && !empty($this->pager)) {
            $this->pager = array_merge($this->pager, $options);
        } else {
            // http://getbootstrap.com/components/#pagination
            $this->links = array(
                'wrapper' => '<ul class="pagination">{{ value }}</ul>',
                'link' => '<li><a href="{{ url }}">{{ value }}</a></li>',
                'active' => '<li class="active"><span>{{ value }}</span></li>',
                'disabled' => '<li class="disabled"><span>{{ value }}</span></li>',
                'previous' => '&laquo;',
                'next' => '&raquo;',
                'dots' => '&hellip;',
            );
            $this->pager = array(
                'wrapper' => '<ul class="pager">{{ value }}</ul>',
                'previous' => '<li class="previous"><a href="{{ url }}">&laquo; {{ value }}</a></li>',
                'next' => '<li class="next"><a href="{{ url }}">{{ value }} &raquo;</a></li>',
            );
            switch ($type) {
                case 'zurb_foundation': // http://foundation.zurb.com/docs/components/pagination.html
                    $this->html('links', array(
                        'active' => '<li class="current"><a href="">{{ value }}</a></li>',
                        'disabled' => '<li class="unavailable"><a href="">{{ value }}</a></li>',
                    ));
                    break;
                case 'semantic_ui': // http://semantic-ui.com/collections/menu.html#pagination
                    $this->html('links', array(
                        'wrapper' => '<div class="ui pagination menu">{{ value }}</div>',
                        'link' => '<a class="item" href="{{ url }}">{{ value }}</a>',
                        'active' => '<div class="active item">{{ value }}</div>',
                        'disabled' => '<div class="disabled item">{{ value }}</div>',
                        'previous' => '<i class="left arrow icon"></i>',
                        'next' => '<i class="right arrow icon"></i>',
                    ));
                    break;
                case 'materialize': // http://materializecss.com/pagination.html
                    $this->html('links', array(
                        'link' => '<li class="waves-effect"><a href="{{ url }}">{{ value }}</a></li>',
                        'active' => '<li class="active"><a href="#!">{{ value }}</a></li>',
                        'disabled' => '<li class="disabled"><a href="#!">{{ value }}</a></li>',
                        'previous' => '<i class="material-icons">keyboard_arrow_left</i>',
                        'next' => '<i class="material-icons">keyboard_arrow_right</i>',
                    ));
                    break;
                case 'uikit': // http://getuikit.com/docs/pagination.html
                    $this->html('links', array(
                        'wrapper' => '<ul class="uk-pagination">{{ value }}</ul>',
                        'active' => '<li class="uk-active"><span>{{ value }}</span></li>',
                        'disabled' => '<li class="uk-disabled"><span>{{ value }}</span></li>',
                        'previous' => '<i class="uk-icon-angle-double-left"></i>',
                        'next' => '<i class="uk-icon-angle-double-right"></i>',
                    ));
                    $this->html('pager', array(
                        'wrapper' => '<ul class="uk-pagination">{{ value }}</ul>',
                        'previous' => '<li class="uk-pagination-previous"><a href="{{ url }}"><i class="uk-icon-angle-double-left"></i> {{ value }}</a></li>',
                        'next' => '<li class="uk-pagination-next"><a href="{{ url }}">{{ value }} <i class="uk-icon-angle-double-right"></i></a></li>',
                    ));
                    break;
            }
        }
    }
public function html($type = 'bootstrap', array $options = array())
    {
        if ($type == 'links' && !empty($this->links)) {
            $this->links = array_merge($this->links, $options);
        } elseif ($type == 'pager' && !empty($this->pager)) {
            $this->pager = array_merge($this->pager, $options);
        } else {
            // http://getbootstrap.com/components/#pagination
            $this->links = array(
                'wrapper' => '<ul class="pagination">{{ value }}</ul>',
                'link' => '<li><a href="{{ url }}">{{ value }}</a></li>',
                'active' => '<li class="active"><span>{{ value }}</span></li>',
                'disabled' => '<li class="disabled"><span>{{ value }}</span></li>',
                'previous' => '&laquo;',
                'next' => '&raquo;',
                'dots' => '&hellip;',
            );
            $this->pager = array(
                'wrapper' => '<ul class="pager">{{ value }}</ul>',
                'previous' => '<li class="previous"><a href="{{ url }}">&laquo; {{ value }}</a></li>',
                'next' => '<li class="next"><a href="{{ url }}">{{ value }} &raquo;</a></li>',
            );
            switch ($type) {
                case 'zurb_foundation': // http://foundation.zurb.com/docs/components/pagination.html
                    $this->html('links', array(
                        'active' => '<li class="current"><a href="">{{ value }}</a></li>',
                        'disabled' => '<li class="unavailable"><a href="">{{ value }}</a></li>',
                    ));
                    break;
                case 'semantic_ui': // http://semantic-ui.com/collections/menu.html#pagination
                    $this->html('links', array(
                        'wrapper' => '<div class="ui pagination menu">{{ value }}</div>',
                        'link' => '<a class="item" href="{{ url }}">{{ value }}</a>',
                        'active' => '<div class="active item">{{ value }}</div>',
                        'disabled' => '<div class="disabled item">{{ value }}</div>',
                        'previous' => '<i class="left arrow icon"></i>',
                        'next' => '<i class="right arrow icon"></i>',
                    ));
                    break;
                case 'materialize': // http://materializecss.com/pagination.html
                    $this->html('links', array(
                        'link' => '<li class="waves-effect"><a href="{{ url }}">{{ value }}</a></li>',
                        'active' => '<li class="active"><a href="#!">{{ value }}</a></li>',
                        'disabled' => '<li class="disabled"><a href="#!">{{ value }}</a></li>',
                        'previous' => '<i class="material-icons">keyboard_arrow_left</i>',
                        'next' => '<i class="material-icons">keyboard_arrow_right</i>',
                    ));
                    break;
                case 'uikit': // http://getuikit.com/docs/pagination.html
                    $this->html('links', array(
                        'wrapper' => '<ul class="uk-pagination">{{ value }}</ul>',
                        'active' => '<li class="uk-active"><span>{{ value }}</span></li>',
                        'disabled' => '<li class="uk-disabled"><span>{{ value }}</span></li>',
                        'previous' => '<i class="uk-icon-angle-double-left"></i>',
                        'next' => '<i class="uk-icon-angle-double-right"></i>',
                    ));
                    $this->html('pager', array(
                        'wrapper' => '<ul class="uk-pagination">{{ value }}</ul>',
                        'previous' => '<li class="uk-pagination-previous"><a href="{{ url }}"><i class="uk-icon-angle-double-left"></i> {{ value }}</a></li>',
                        'next' => '<li class="uk-pagination-next"><a href="{{ url }}">{{ value }} <i class="uk-icon-angle-double-right"></i></a></li>',
                    ));
                    break;
            }
        }
    }
public function html ( $ type = 'bootstrap' , array $ options = array ( ) ) { if ( $ type == 'links' && ! empty ( $ this -> links ) ) { $ this -> links = array_merge ( $ this -> links , $ options ) ; } elseif ( $ type == 'pager' && ! empty ( $ this -> pager ) ) { $ this -> pager = array_merge ( $ this -> pager , $ options ) ; } else { // http://getbootstrap.com/components/#pagination $ this -> links = array ( 'wrapper' => '<ul class="pagination">{{ value }}</ul>' , 'link' => '<li><a href="{{ url }}">{{ value }}</a></li>' , 'active' => '<li class="active"><span>{{ value }}</span></li>' , 'disabled' => '<li class="disabled"><span>{{ value }}</span></li>' , 'previous' => '&laquo;' , 'next' => '&raquo;' , 'dots' => '&hellip;' , ) ; $ this -> pager = array ( 'wrapper' => '<ul class="pager">{{ value }}</ul>' , 'previous' => '<li class="previous"><a href="{{ url }}">&laquo; {{ value }}</a></li>' , 'next' => '<li class="next"><a href="{{ url }}">{{ value }} &raquo;</a></li>' , ) ; switch ( $ type ) { case 'zurb_foundation' : // http://foundation.zurb.com/docs/components/pagination.html $ this -> html ( 'links' , array ( 'active' => '<li class="current"><a href="">{{ value }}</a></li>' , 'disabled' => '<li class="unavailable"><a href="">{{ value }}</a></li>' , ) ) ; break ; case 'semantic_ui' : // http://semantic-ui.com/collections/menu.html#pagination $ this -> html ( 'links' , array ( 'wrapper' => '<div class="ui pagination menu">{{ value }}</div>' , 'link' => '<a class="item" href="{{ url }}">{{ value }}</a>' , 'active' => '<div class="active item">{{ value }}</div>' , 'disabled' => '<div class="disabled item">{{ value }}</div>' , 'previous' => '<i class="left arrow icon"></i>' , 'next' => '<i class="right arrow icon"></i>' , ) ) ; break ; case 'materialize' : // http://materializecss.com/pagination.html $ this -> html ( 'links' , array ( 'link' => '<li class="waves-effect"><a href="{{ url }}">{{ value }}</a></li>' , 'active' => '<li class="active"><a href="#!">{{ value }}</a></li>' , 'disabled' => '<li class="disabled"><a href="#!">{{ value }}</a></li>' , 'previous' => '<i class="material-icons">keyboard_arrow_left</i>' , 'next' => '<i class="material-icons">keyboard_arrow_right</i>' , ) ) ; break ; case 'uikit' : // http://getuikit.com/docs/pagination.html $ this -> html ( 'links' , array ( 'wrapper' => '<ul class="uk-pagination">{{ value }}</ul>' , 'active' => '<li class="uk-active"><span>{{ value }}</span></li>' , 'disabled' => '<li class="uk-disabled"><span>{{ value }}</span></li>' , 'previous' => '<i class="uk-icon-angle-double-left"></i>' , 'next' => '<i class="uk-icon-angle-double-right"></i>' , ) ) ; $ this -> html ( 'pager' , array ( 'wrapper' => '<ul class="uk-pagination">{{ value }}</ul>' , 'previous' => '<li class="uk-pagination-previous"><a href="{{ url }}"><i class="uk-icon-angle-double-left"></i> {{ value }}</a></li>' , 'next' => '<li class="uk-pagination-next"><a href="{{ url }}">{{ value }} <i class="uk-icon-angle-double-right"></i></a></li>' , ) ) ; break ; } } }
Customize the pagination and pager links.

@param string $type    Either the CSS framework you want to use ('[**bootstrap**](http://getbootstrap.com/components/#pagination)', '[**zurb_foundation**](http://foundation.zurb.com/docs/components/pagination.html)', '[**semantic_ui**](http://semantic-ui.com/collections/menu.html#pagination)', '[**materialize**](http://materializecss.com/pagination.html)', '[**uikit**](http://getuikit.com/docs/pagination.html)'), or what you want to override (the pagination '**links**', or '**pager**' html).
@param array  $options The values you want to override.  The default (bootstrap) values are:

- If ``$type == 'links'``
- '**wrapper**' => ``'<ul class="pagination">{{ value }}</ul>'``,
- '**link**' => ``'<li><a href="{{ url }}">{{ value }}</a></li>'``,
- '**active**' => ``'<li class="active"><span>{{ value }}</span></li>'``,
- '**disabled**' => ``'<li class="disabled"><span>{{ value }}</span></li>'``,
- '**previous**' => ``'&laquo;'``, // Setting to ``null`` will remove this entirely
- '**next**' => ``'&raquo;'``, // Setting to ``null`` will remove this entirely
- '**dots**' => ``'&hellip;'``, // Setting to ``null`` will remove this entirely
- If ``$type == 'pager'``
- '**wrapper**' => ``'<ul class="pager">{{ value }}</ul>'``,
- '**previous**' => ``'<li class="previous"><a href="{{ url }}">&laquo; {{ value }}</a></li>'``,
- '**next**' => ``'<li class="next"><a href="{{ url }}">{{ value }} &raquo;</a></li>'``,

Put '**{{ value }}**' and '**{{ url }}**' where you want those to go.  If you set anything to ``null``, then only the '**{{ value }}**' will be returned.

@example

```php
$pagination->html('links', array(
'wrapper' => '<ul class="pagination pagination-sm">{{ value }}</ul>',
));
```
Customize the pagination and pager links .