You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
`react-round-div` makes your rounded rectangles look smoother for a more pleasant feel. With a simple and easy integration into your code you have to do almost nothing to up the style of your project.
7
+
8
+
Here is a very clear demonstration of these smooth corners:
9
+
10
+

11
+
12
+
## Installation
13
+
14
+
```shell
15
+
npm i react-round-div
16
+
```
17
+
18
+
## Usage
19
+
Simply import the package and replace any divs with rounded corners (`border-radius`) that you want to improve. `react-round-div` will handle the rest.
20
+
```jsx
21
+
importRoundDivfrom'react-round-div';
22
+
23
+
constApp= () => {
24
+
return (
25
+
<RoundDiv>
26
+
<p>Hello smooth corners!</p>
27
+
</RoundDiv>
28
+
)
29
+
};
30
+
31
+
exportdefaultApp;
32
+
```
33
+
`react-round-div` will clip the `border-radius` of it is too large to prevent artifacts from appearing. You can turn this off by passing `clip={false}`.
34
+
35
+
36
+
## Caveats
37
+
This package is still in the starting blocks, so for now only single colored backgrounds and borders are supported.
38
+
There is support to come for gradients and image backgrounds, gradient borders, and perhaps proper `backdrop-filter` support.
0 commit comments