es6 module or TypeScript friendly Demo
install
yarn add naoto243-react-kit
or
npm install naoto243-react-kit --save
import {SimpleCard} from "naoto243-react-kit";
<SimpleCard hover={true} />
hover : boolean (default : false)
import {SimpleButton} from "naoto243-react-kit";
<SimpleButton >
...
</SimpleButton>
none
import {SimpleDrawer} from "naoto243-react-kit";
<SimpleDrawer
onOverlayTap={(e)=>{
this.setState({
open : !this.state.open
})
}}
open={this.state.open}
navRender={()=><div>hoge</div>}
navStyle={{
backgroundColor : "#F0F0F0",
boxShadow: "0 0 14px rgba(0,0,0,0.50),0 0px 0px 0px rgba(0,0,0,0.24)",
}}
/>
overlayStyle : object;
overlayClassName : string;
navStyle : object;
navClassName :string;
open : boolean (default : false);
navRender : ()=> component;
onOverlayTap : ()=> func;
closeOffset : number|string (default : "-220px")
openSpeedSec : number(Seconds);