smooth-container

a react component for implement container or element with smoothing corders into a user interface.

Usage no npm install needed!

<script type="module">
  import smoothContainer from 'https://cdn.skypack.dev/smooth-container';
</script>

README

Smooth Container

a react component for implement container or element with smoothing corders into a user interface.

image

Install

npm install --save smooth-div

Usage

import React, { Component } from 'react'

import Smooth from 'smooth-container'

class Example extends Component {
  render() {
    return (
      <Smooth.div borderRadius={100} cornerSmoothing={100} className='example'>
        ...
      </Smooth.div>
    )
  }
}

Props

key type example
borderRadius number / string ( px or % ) 93 / 93px / 93%
cornerSmoothing number / string ( % ) 63 / 63%