@chameleon-ds/paginator v2.0.1

Chameleon Pagniator

import { html } from "@open-wc/demoing-storybook";
import { withKnobs, number } from "@open-wc/demoing-storybook";
import "./chameleon-paginator.js";

export default {
  title: "Components|Navigation/Paginator",
  component: "chameleon-paginator",
  decorators: [withKnobs],
  options: { selectedPanel: "storybookjs/docs/panel" },
};

Properties

Examples

Default

export const Default = () => {
  const totalItems = number("Total Items", 100);
  const pageSize = number("Page Size", 10);

  return html`
    <chameleon-paginator
      totalItems="${totalItems ? totalItems : 0}"
      pageSize="${pageSize ? pageSize : 0}"
    ></chameleon-paginator>
  `;
};