diff --git a/CHANGELOG.md b/CHANGELOG.md index ae75f670..0fccd236 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,8 +1,12 @@ # 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 ## 1.0.1 - 2015-07-02 diff --git a/README.md b/README.md index 1d3c19eb..9ae58594 100644 --- a/README.md +++ b/README.md @@ -16,9 +16,31 @@ See [changelog](./CHANGELOG.md) ## Usage -### 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 ( +
+ +
react-simple-tooltip
+
By cedricdelpoux
+
+
+ ) + } +} +``` + +#### Hover Tooltip ```js import React, { Component } from 'react' @@ -45,8 +67,8 @@ export default class MyComponent extends Component { { this.state.tooltipTrigger ? ( -
Line 1
-
Line 2
+
react-simple-tooltip
+
By cedricdelpoux
) : null @@ -64,9 +86,9 @@ export default class MyComponent extends Component { ### Props - * `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 ## Development diff --git a/package.json b/package.json index 68a23417..a0e0aa8b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-simple-tooltip", - "version": "1.0.2", + "version": "1.0.3", "description": "A lightweight and simple tooltip component for React", "repository": { "type": "git",