nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
21.88k stars 1.52k forks source link

Progress Size not working #3970

Open shanewmurphy opened 13 hours ago

shanewmurphy commented 13 hours ago

NextUI Version

2.4.8

Describe the bug

Using import import {Progress} from "@nextui-org/react"; in Next Js project Setting the progress size size="sm" or "md" will not render the progress bar in browser. Setting the size to "lg" will work but not the for the other two sizes "sm" and "md"

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

<Progress size="sm" aria-label="Loading..." value={30} /> Doesn't render progress bar in browser <Progress size="md" aria-label="Loading..." value={40} />Doesn't render progress bar in browser <Progress size="lg" aria-label="Loading..." value={50} /> Will render progress bar in browser

Expected behavior

When using size="sm" and size"md" will not render progress bar in browser.

Screenshots or Videos

Screenshot 2024-11-01 at 08 50 18

Operating System Version

MacOS

Browser

Chrome

linear[bot] commented 13 hours ago

ENG-1509 Progress Size not working

ShrinidhiUpadhyaya commented 11 hours ago

Can you please provide a sandbox.

shanewmurphy commented 9 hours ago

I don't have the time to create a sandbox!! if your employed by Next UI when test yourself by creating Next JS Project with Tailwind import the Progress Bar and see for yourself.

wingkwong commented 8 hours ago

which nextjs & react version are you using?

shanewmurphy commented 8 hours ago

which nextjs & react version are you using? Next JS Ver - "14.2.14" React Ver - "18"