@phila/phila-ui-tooltip 0.0.14 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +13 -16
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -1,27 +1,24 @@
1
- ## Notes
2
-
3
- The tooltip is positioned according to the space available on the screen. On mobile the tooltip is enabled on tap, and an X is shown to allow users to close it.
1
+ ## Usage
2
+ ### Import single component
3
+ ```js
4
+ import { Callout } from '@phila/phila-ui';
5
+
6
+ //register it locally...
7
+ components: {
8
+ Callout,
9
+ }
10
+
11
+ //... or register it globally
12
+ Vue.component('callout', Callout);
13
+ ```
4
14
 
5
15
  ## Code Samples
6
-
7
16
  ### Basic tooltip with dark mode enabled (default)
8
17
 
9
18
  ```html
10
19
  <tooltip message="My tooltip message" />
11
20
  ```
12
-
13
21
  ### Basic tooltip with light mode enabled
14
-
15
22
  ```html
16
23
  <tooltip message="My tooltip message" mode="light" />
17
24
  ```
18
-
19
- ## Live Examples
20
-
21
- ### Basic tooltip with dark mode enabled (default)
22
-
23
- <example name="Tooltip1" height="300"></example>
24
-
25
- ### Basic tooltip with light mode enabled
26
-
27
- <example name="Tooltip2" height="300"></example>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-tooltip",
3
3
  "private": false,
4
- "version": "0.0.14",
4
+ "version": "0.0.15",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -42,5 +42,5 @@
42
42
  "registry": "https://registry.npmjs.com/",
43
43
  "access": "public"
44
44
  },
45
- "gitHead": "09f2b67c1d3db773c813231e21b62b37e34aefbd"
45
+ "gitHead": "f00518592815b1bf558d88f77fc4b6b3a30296e5"
46
46
  }