Skip to content

Commit d69352c

Browse files
committed
Merge remote-tracking branch 'origin/master'
2 parents a6c52f9 + b168a47 commit d69352c

File tree

1 file changed

+28
-1
lines changed

1 file changed

+28
-1
lines changed

README.md

+28-1
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@
3535
- [CloseButton](#closebutton)
3636
- [ColorPicker](#colorpicker)
3737
- [FilePicker](#filepicker)
38+
- [Pagination](#pagination)
3839

3940
## Install
4041
Update a Project level `build.gradle.kts` file:
@@ -72,7 +73,7 @@ kotlin {
7273
val jsMain by getting {
7374
dependencies {
7475
..
75-
implementation("com.github.stevdza-san:KotlinBootstrap:0.0.2")
76+
implementation("com.github.stevdza-san:KotlinBootstrap:0.0.3")
7677
}
7778
}
7879
}
@@ -972,3 +973,29 @@ BSFileInput(
972973
onFileSelected = { fileName, file -> }
973974
)
974975
```
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+
```

0 commit comments

Comments
 (0)