File tree 1 file changed +28
-1
lines changed
1 file changed +28
-1
lines changed Original file line number Diff line number Diff line change 35
35
- [ CloseButton] ( #closebutton )
36
36
- [ ColorPicker] ( #colorpicker )
37
37
- [ FilePicker] ( #filepicker )
38
+ - [ Pagination] ( #pagination )
38
39
39
40
## Install
40
41
Update a Project level ` build.gradle.kts ` file:
@@ -72,7 +73,7 @@ kotlin {
72
73
val jsMain by getting {
73
74
dependencies {
74
75
..
75
- implementation("com.github.stevdza-san:KotlinBootstrap:0.0.2 ")
76
+ implementation("com.github.stevdza-san:KotlinBootstrap:0.0.3 ")
76
77
}
77
78
}
78
79
}
@@ -972,3 +973,29 @@ BSFileInput(
972
973
onFileSelected = { fileName, file -> }
973
974
)
974
975
```
976
+
977
+ ## Pagination
978
+ <p >
979
+ <img src =" /ASSETS/pagination.gif?raw=true " alt =" Pagination Preview " >
980
+ </p >
981
+
982
+ ` BSPagination ` component is used to divide long lists or tables into multiple pages, making it easier for users to navigate through the content.
983
+
984
+ A basic usage:
985
+
986
+ ``` kotlin
987
+ var currentPage by remember { mutableStateOf(1 ) }
988
+
989
+ BSPagination (
990
+ pages = 15 ,
991
+ maxVisiblePages = 3 ,
992
+ currentPage = currentPage,
993
+ previousButton = PreviousButton (
994
+ onClick = { currentPage = it }
995
+ ),
996
+ nextButton = NextButton (
997
+ onClick = { currentPage = it }
998
+ ),
999
+ onPageClick = { currentPage = it }
1000
+ )
1001
+ ```
You can’t perform that action at this time.
0 commit comments