Pagination
A component to navigate through paginated content.
import { Box, Main, Pagination } from '@aragon/ui'
function App() {
const [selected, setSelected] = useState(0)
return (
<Main>
<Box>
<Pagination pages={20} selected={selected} onChange={setSelected} />
</Box>
</Main>
)
}
TYPE | DEFAULT VALUE |
|---|---|
Function: (item: Number) -> * | None |
Gets called when the selected page changes. Takes the new index as a unique parameter.
TYPE | DEFAULT VALUE |
|---|---|
Number | 0 |
The total amount of pages.
TYPE | DEFAULT VALUE |
|---|---|
Number | 0 |
The currently selected page (zero based numbering).
TYPE | DEFAULT VALUE |
|---|---|
Boolean | false |
When
true, adapts the component to touch screens by making the targets biggeLast modified 6mo ago