@do1fendi/react

How to install NPM package to current Next js project

1. npm i @do1fendi/slide
2. import InfiniteSlider from "@do1fendi/slide";
3. add "./node_modules/@do1fendi/slide/**/*.{js,jsx,ts,tsx}" in tailwind.config.ts

 content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/@do1fendi/slide/**/*.{js,jsx,ts,tsx}"
  ],

Props

• children: ReactNode[];
• slidesToShow?: number;
• autoSlide?: boolean;
• interval?: number;
• wrapped?: boolean;
• showBullet?: boolean;
• rounded?: boolean;
• roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl";

Example use

<InfiniteSlider showBullet autoSlide>
    <div className="h-[200px]">1</div>
    <div className="h-[200px]">2</div>
</InfiniteSlider>