react-component-panel

react-component-panel

Screen Shot

Install

$ npm i react-component-panel --save

Import

import {Panel} from 'react-component-panel'

TODO

• Panel
• CollapsiblePanel

API

Panel

Extends PureComponent

Panel

Examples

Simple Panel Demo

class PanelDemo extends Component{
render(){
	return (
		<Panel title="Panel Title" renderRight={()=>{
			return (
				<button type="button" onClick={()=>{
					alert('pressed');
				}}>press me</button>
			);
		}}>
			<p>panel content</p>
		</Panel>
	);
}
}

propTypes

Properties

• title (String | ReactNode | HtmlElement) 标题
• renderRight Function? [ ()=>null ] - 右侧按钮
• style Object? 样式
• className String? class style