@lieinapril/utente-pagination

Neumorphism - A long list can be divided into several pages using Pagination, and only one page will be loaded at a time.

Documentation

Refer to the following storybook.

Installation

Install guide

npm install @lieinapril/utente-pagination

Usage

import { Space } from "@lieinapril/utente-space";
import { Rate } from '@lieinapril/utente-rate';

const Example = () => {
  const args = {
    value: 1,
    readOnly: false,
    allowClear: false,
    variant: "shadow",
    shape: "star",
    size: 20,
    count: 5
  };
  return (
    <div
      style={{
        width: "calc(100% - 6rem)",
        height: "calc(100% - 6rem)",
        padding: "3rem",
        backgroundColor: "#eeeeee"
      }}
    >
      <Space justify="center" align="center" gap={16}>
        <Rate {...args} />
      </Space>
    </div>
  );
}