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