Semantic-Org / Semantic-UI-React

The official Semantic-UI-React integration
https://react.semantic-ui.com
MIT License
13.21k stars 4.05k forks source link

Card #4380

Open asma-mughal opened 2 years ago

asma-mughal commented 2 years ago

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;

}

welcome[bot] commented 2 years ago

👋 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.

MaYaNkKashyap681 commented 1 year ago

Can i work on this.

HemanthPaila commented 1 year ago

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

asma-mughal commented 1 year ago

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?