search

nextui-org / nextui

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

[BUG] - Avatar #3950

Open Heisen-erg opened 3 days ago

Heisen-erg commented 3 days ago

NextUI Version

2.4.0

Describe the bug

isbordered property and color property not working properly

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

use isbordered property of avatar component in Next.js

Expected behavior

border should be visible when giving true to isbordered property

Screenshots or Videos

No response

Operating System Version

windows

Browser

Chrome

linear[bot] commented 3 days ago

ENG-1498 [BUG] - Avatar

ShrinidhiUpadhyaya commented 3 days ago

Couldn't reproduce, can you please provide a sandbox.

wingkwong commented 3 days ago

please try latest version.

dilonhenrique commented 1 day ago

Hi there!

Same happened to me and I was trying to reproduce in a sandbox. While testing, I discovered I had this part of code in my tailwind.config:

theme: {
    extend: {
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
      },
    },
  },

Just removed this colors vars and solved my problem. Hope this helps @Heisen-erg