react-simple-tooltip - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

CHANGELOG.md

		# Changelog

		## 1.0.3 - 2015-07-03

		* Added: fixed tooltip example

		## 1.0.2 - 2015-07-02

		* Changed: tooltips exemple screenshot
		* Changed: tooltips example screenshot

		@@ -7,0 +11,0 @@ ## 1.0.1 - 2015-07-02

package.json

		{
		"name": "react-simple-tooltip",
		"version": "1.0.2",
		"version": "1.0.3",
		"description": "A lightweight and simple tooltip component for React",
		@@ -5,0 +5,0 @@ "repository": {

README.md

		@@ -19,7 +19,29 @@ # react-simple-tooltip

		### Exemple
		### Examples

		![Tooltip exemple](/screenshots/themed-tooltips.png)
		![Tooltip example](/screenshots/themed-tooltips.png)

		#### Fixed Tooltip

		```js
		import React from 'react'
		import { Tooltip } from 'react-simple-tooltip'

		export default class MyComponent {
		render() {
		return (
		<div>
		<Tooltip>
		<div>react-simple-tooltip</div>
		<div>By cedricdelpoux</div>
		</Tooltip>
		</div>
		)
		}
		}
		```

		#### Hover Tooltip

		```js
		import React, { Component } from 'react'
		@@ -49,4 +71,4 @@ import { Tooltip } from 'react-simple-tooltip'
		<Tooltip placement="top" trigger={ this.state.tooltipTrigger }>
		<div>Line 1</div>
		<div>Line 2</div>
		<div>react-simple-tooltip</div>
		<div>By cedricdelpoux</div>
		</Tooltip>
		@@ -69,5 +91,5 @@ )

		* `placement`: String - one of ['top', 'right', 'bottom', 'left']
		* `theme`: String - one of ['black', 'grey', 'blue', 'green', 'yellow', 'red']
		* `trigger`: React element
		* `placement`: String - by default is right - one of ['top', 'right', 'bottom', 'left']
		* `theme`: String - by default is black - one of ['black', 'grey', 'blue', 'green', 'yellow', 'red']
		* `trigger`: React element - by default is null

		@@ -74,0 +96,0 @@ ## Development

New alerts