@do1fendi/react
v0.0.13
Published
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}
Downloads
2
Readme
How to install NPM package to current Next js project
- npm i @do1fendi/slide
- import InfiniteSlider from "@do1fendi/slide";
- 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>