From 3ab3a9d09955772ec56ddadbba49954b4edd6a3e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 6 Nov 2018 18:52:37 +0800 Subject: Update the Docs completely --- docs/components/tooltips.html | 246 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 246 insertions(+) create mode 100644 docs/components/tooltips.html (limited to 'docs/components/tooltips.html') diff --git a/docs/components/tooltips.html b/docs/components/tooltips.html new file mode 100644 index 0000000..bb64ef2 --- /dev/null +++ b/docs/components/tooltips.html @@ -0,0 +1,246 @@ + + + + Tooltips - Components - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Tooltips

+
+
+ + + +
+
+ + +
+
+

Tooltips provide context information labels that appear on hover and focus.

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+

Tooltips component is built entirely in CSS.

+

Add the tooltip class and the data-tooltip attribute, which contains the tooltip content, to non self closing elements.

+

And add the tooltip-right, tooltip-bottom or tooltip-left class to define the position of a tooltip. + By default, the tooltip appears above the element. +

+ 
<button class="btn tooltip" data-tooltip="Lorem ipsum dolor sit amet">top tooltip</button>
+<button class="btn tooltip tooltip-right" data-tooltip="Lorem ipsum dolor sit amet">right tooltip</button>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d