Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/DJanoskova/react-smooth-corners

Leverage the CSS Houdini API to create a rounded corner look for your React elements
https://github.com/DJanoskova/react-smooth-corners

Last synced: 3 months ago
JSON representation

Leverage the CSS Houdini API to create a rounded corner look for your React elements

Awesome Lists containing this project

README

        

Smooth corners

# Use smooth corners in your React application

Leverage the CSS Houdini API and the wopian/smooth-corners npm package to create a rounded corner look for your React elements

`npm install react-smooth-corners --save`

---

## Demo

### https://react-smooth-corners.netlify.app/

---
## Plug & Play

Import the SmoothCorners component, specify the corners value and let the magic do everything for you ✨
Everything works out of the box and there's no additional setup needed.

```jsx
import { SmoothCorners } from 'react-smooth-corners'

const Button = () => {
return (

Click to view

)
}
```

Add a fallback border-radius value for browsers that don't support mask-image.