react-apple-menu

menu like apple dock

Install

npm i react-apple-menu -S

Usage

| props | description | defaultvalue | type | | :---: | --- | --- | --- | | zoom | pic zoom | 0.5 | number or string | | size | pic size | 64 | number or string | | stretch | stretch or not | false | boolean | | dock | open history dock | false | boolean | | portal | open portal at document | true | boolean | | left、top、right、bottom | menu position | bottom | boolean |

Include the Component

import Dock from "react-apple-menu";
import React from 'react';

class Component extends React.Component {
    render() {
        let pd = {padding:"8px"}
        return (
            <Dock>
                <img style = {pd} onClick = { () => ( alert ("hello") )}  src="https://raw.githubusercontent.com/Sherryer/Sherry-npm/master/static/images/1.png"/>
                <img style = {pd} src = "https://raw.githubusercontent.com/Sherryer/Sherry-npm/master/static/images/2.png"/>
                <img style = {pd} src = "https://raw.githubusercontent.com/Sherryer/Sherry-npm/master/static/images/3.png"/>
                <img style = {pd} src = "https://raw.githubusercontent.com/Sherryer/Sherry-npm/master/static/images/4.png"/>
                <img style = {pd} src = "https://raw.githubusercontent.com/Sherryer/Sherry-npm/master/static/images/5.png"/>
            </Dock>
		)
	}
}