2024-08-02 15:49:34 +08:00
|
|
|
# Pagination
|
|
|
|
|
|
|
|
```rust demo
|
|
|
|
let page = RwSignal::new(1);
|
|
|
|
|
|
|
|
view! {
|
|
|
|
<Space vertical=true>
|
|
|
|
<div>"Page: " {move || page.get()}</div>
|
|
|
|
<Pagination page page_count=10 />
|
|
|
|
</Space>
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
### Pagination ranges
|
|
|
|
|
|
|
|
```rust demo
|
|
|
|
view! {
|
|
|
|
<Space vertical=true>
|
|
|
|
<Pagination page_count=100 sibling_count=0 />
|
|
|
|
<Pagination page_count=100 sibling_count=1 />
|
|
|
|
<Pagination page_count=100 sibling_count=2 />
|
|
|
|
<Pagination page_count=100 sibling_count=3 />
|
|
|
|
</Space>
|
|
|
|
}
|
|
|
|
```
|
2024-08-12 22:58:43 +08:00
|
|
|
|
|
|
|
### Pagination Props
|
|
|
|
|
|
|
|
| Name | Type | Default | Description |
|
|
|
|
| --- | --- | --- | --- |
|
|
|
|
| class | `MaybeProp<String>` | `Default::default()` | |
|
|
|
|
| page | `Model<usize>` | `1` | The current page starts from 1. |
|
|
|
|
| page_count | `MaybeSignal<usize>` | | The total numbers of pages. |
|
|
|
|
| sibling_count | `MaybeSignal<usize>` | `1` | Number of visible pages after and before the current page. |
|