Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-apple-menu

Sherryer41ISC1.4.8

react apple menu | dock

menu, react, dock, apple, appledock

readme

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