0.2.4 • Published 8 years ago

react-rotate-menu

Licence

MIT

Version

0.2.4

Deps

Size

33 kB

Vulns

Weekly

React Rotate Menu

npm install react-rotate-menu --save

import RotateMenu from 'react-rotate-menu'

<RotateMenu dataSource={data}/>

Properties	Description	Type	Default Values
dataSource	Need to display the data（Data）	array	[]
radius	The radius of the circle（Had better be in between 150 and 200）	number	150
titleFontColor	title font color	string	#fff
titleFontSize	title font size	string	16px
buttonFontColor	button font color	string	#fff
buttonFontSize	title font seze	string	28px
buttonBackground	button background color	string	#fff
className	The custom style	sring
onClick	on click CallBack,e is event,data is button data	function(e,data){}
moreText	more button text	string	More
centerButtonClassName	center button class name,when set this prop default value will cover.	String
ringButtonClassName	ring button class name,when set this prop default value will cover.	String
showRingButtonTitle	show ring button title.	bool	true

let data = []
for (let i = 0; i < 12; i++) {
  data.push({
    text: `Floor${i}`,
    title: `F${i}`,
    ...(add you need)
  })
}

$ git clone https://github.com/wafersystems/react-rotate-menu.git
$ npm i
$ npm run-script start

Keywords