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: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/DJanoskova/react-smooth-corners
• Owner: DJanoskova
• License: mit
• Created: 2022-05-19T21:23:02.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-06-25T13:54:48.000Z (about 3 years ago)
• Last Synced: 2024-11-18T07:06:11.443Z (8 months ago)
• Language: TypeScript
• Homepage:
• Size: 14 MB
• Stars: 70
• Watchers: 2
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


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