Semantic-UI-React icon indicating copy to clipboard operation
Semantic-UI-React copied to clipboard

Card

Open asma-mughal opened this issue 3 years ago • 4 comments

Feature Request

Cards with 0px border Radius.

Problem description

I have an idea related to cards, Cards does not have hover property .

Proposed solution

Cards should have hover property. On hover, we could have change background Color, add shadow property, change border Radius, change outline color etc.

MVP

Component code:

I am dummy Heading
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecat
Styling: .mainContainer{ background-color:lightcoral; height: 13rem; width: 17rem; align-self: center; margin: 12rem; padding: 10px; border-width: 1px; border-color: lightcoral; border-style: solid; } .mainContainer:hover{ background-color:lightpink; border-radius: 8px; border-color: lightslategray; border-width: 1px; }

.headingContainer{ background-color:transparent; display: flex; } .textContainer{ background-color:transparent; display: flex; height: 7.5rem; } .textBold{ font-weight: bold; font-size: 20px;

}

asma-mughal avatar Sep 06 '22 12:09 asma-mughal

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

welcome[bot] avatar Sep 06 '22 12:09 welcome[bot]

Can i work on this.

MaYaNkKashyap681 avatar Nov 15 '22 17:11 MaYaNkKashyap681

Hey @asma-mughal I would like to work on it. Could you assign it to me?

HemanthPaila avatar Apr 07 '23 04:04 HemanthPaila

Hey @asma-mughal I would like to work on it. Could you assign it to me?

But I don't know how to assign issue to you?

asma-mughal avatar Apr 07 '23 05:04 asma-mughal