ulCssClass

Author: yidas

README.md

@@ -280,6 +280,9 @@ class Pagination extends BaseWidget
 
     // The text label for the "previous" page button
     public $prevPageLabel = '<i class="fa fa-caret-left" aria-hidden="true"></i>';
+    
+    // <ul> class. For example, 'pagination-sm' for Bootstrap small size.
+    public $ulCssClass = '';
 }
 ```
 
@@ -419,6 +422,7 @@ API DOCUMENTATION
 |$nextPageCssClass|string|The CSS class for the "next" page button|
 |$prevPageCssClass|string|The CSS class for the "previous" page button|
 |$pageCssClass|string   |The CSS class for the each page button, default value is `page-item`|
+|$ulCssClass |string   |The CSS class for the ul element of pagination. For example, 'pagination-sm' for Bootstrap small size.|
 |$linkAttributes|array  |HTML attributes for the link in a pager container tag, default value is ['class' => 'page-link']|
 
 ---

src/widgets/Pagination.php

@@ -100,6 +100,15 @@ class Pagination
      * @var array
      */
     public $linkAttributes = ['class' => 'page-link'];
+
+    /**
+     * The CSS class for the ul element of pagination
+     * 
+     * For example, 'pagination-sm' for Bootstrap small size.
+     *
+     * @var string
+     */
+    public $ulCssClass = '';
 
     /**
      * Default options

src/widgets/views/bootstrap.php

@@ -1,5 +1,5 @@
 <nav aria-label="Page navigation example">
-  <ul class="pagination <?php if($this->alignCenter):?>justify-content-center<?php endif?>">
+  <ul class="pagination <?php if($this->alignCenter):?>justify-content-center<?php endif?> <?=$this->ulCssClass?>">
     <?php if($this->firstPageLabel):?>
     <li class="<?=$this->pageCssClass?> <?=$this->firstPageCssClass?> <?php if($isFirst):?>disabled<?php endif ?>">
       <?php if($isFirst):?>