search

StaticMania / keep-react

Keep React is an open-source component library built on Tailwind CSS and React.js. It provides a versatile set of pre-designed UI components to build modern web applications.
https://react.keepdesign.io
MIT License
1.32k stars 115 forks source link

Feat/upgrade carousel component to embla carousel #150

Closed shuvo-me closed 5 months ago

shuvo-me commented 6 months ago

https://www.loom.com/share/af6f8a1853364220ac167697387fb15e

@Arifulislam5577

vercel[bot] commented 6 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
keep-react ❌ Failed (Inspect) Apr 15, 2024 11:39am
vercel[bot] commented 6 months ago

@shuvo-me is attempting to deploy a commit to the StaticMania Team on Vercel.

A member of the Team first needs to authorize it.

Arifulislam5577 commented 6 months ago

Dear @shuvo-me,

Your work is very good. You are to be commended for that. But we want to give you some guidelines how to make your work more beautiful and comfortable.

We will use the embla-carousel library for the carousel component. First we will create a wrapper on top of the embla carousel. From where the items of the carousel can be controlled. And the carousel will look exactly like the embla carousel examples.

For example:

You can put numbers in the carousel item, or use the pictures we have provided. It is completely up to you. Only the carousel should look like an instance of the embla carousel.

I hope you understand. Best of luck.

Thank you Md Ariful Islam

shuvo-me commented 6 months ago

Dear @shuvo-me,

Your work is very good. You are to be commended for that. But we want to give you some guidelines how to make your work more beautiful and comfortable.

We will use the embla-carousel library for the carousel component. First we will create a wrapper on top of the embla carousel. From where the items of the carousel can be controlled. And the carousel will look exactly like the embla carousel examples.

For example:

  • Default Style
  • Loop
  • Slides To Scroll
  • Drag Free
  • ClassNames
  • Parallax
  • Scale
  • Lazy Load

You can put numbers in the carousel item, or use the pictures we have provided. It is completely up to you. Only the carousel should look like an instance of the embla carousel.

I hope you understand. Best of luck.

Thank you Md Ariful Islam

@Arifulislam5577 Thanks vai for your suggestions. I will update the features as well.