Semantic-Org / Semantic-UI-React

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

Card Colour Thickness #4401

Open adam-bentley opened 1 year ago

adam-bentley commented 1 year ago

Feature Request

Problem description

There is an option to set a colour for various elements, including the card element. Currently, the visual display is quite subtle and minimalistic. It is controlled by a box-shadow CSS property where the thickness is set to 2. I would like the ability to set this thickness, giving the option to customise it and emphasise it. From my understanding, doing this with overriding CSS would break the ability to select the colour via the API.

<Card color='yellow'>

https://codesandbox.io/s/q6l916?module=/example.js

Proposed solution

Add the option to specify the border thickness via the API.

<Card color='yellow' colourThickness='5'>

welcome[bot] commented 1 year 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.