export default function Example() {
return (
<Box
css={{
display: "flex",
flexDirection: "column",
}}
>
<Box
css={{
display: "flex",
gap: theme.space[100],
position: "relative",
}}
>
<PaginationDots amount={7} index={1} label="pagination dots" />
</Box>
<Box
css={{
display: "flex",
gap: theme.space[100],
marginBlockStart: theme.space[200],
position: "relative",
}}
>
<PaginationDots amount={7} index={2} label="pagination dots" />
</Box>
<Box
css={{
display: "flex",
gap: theme.space[100],
marginBlockStart: theme.space[200],
position: "relative",
}}
>
<PaginationDots amount={7} index={3} label="pagination dots" />
</Box>
</Box>
);
}
To enter the code editing mode, press Enter. To exit the edit mode, press Escape
You are editing the code. To exit the edit mode, press Escape