Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/DJanoskova/react-smooth-corners
- Owner: DJanoskova
- License: mit
- Created: 2022-05-19T21:23:02.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-06-25T13:54:48.000Z (over 2 years ago)
- Last Synced: 2024-07-23T23:57:31.429Z (4 months ago)
- Language: TypeScript
- Homepage:
- Size: 14 MB
- Stars: 65
- Watchers: 2
- Forks: 1
- 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 & PlayImport 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.