Skip to content

Sherryer/react-apple-menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-apple-menu

menu like apple dock

image

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>
		)
	}
}