G
Tokens
TypographySpacingColorRadiusShadowMotion
Foundational
FieldMenuTextbox

Pagination

Amount and selected


    () => {
      const [selected, setSelected] = React.useState(2)
      const [selected2, setSelected2] = React.useState(3)
      const [selected3, setSelected3] = React.useState(2419)
      return (
        <Stack gap="l">
          <Pagination
            amount={4}
            selected={selected}
            onChange={setSelected}
          />
          <Pagination
            amount={12}
            selected={selected2}
            onChange={setSelected2}
          />
          <Pagination
            amount={30213}
            selected={selected3}
            onChange={setSelected3}
          />
        </Stack>
      )
    }

Props

Name
Type
Default
amountREQUIRED
number
selectedREQUIRED
number
onChangeREQUIRED
func