Skip to content

Instantly share code, notes, and snippets.

@XmlmXmlmX

XmlmXmlmX/Simple Tooltips Orientation Examples.html

Last active January 26, 2018 11:40
Show Gist options
  • Save XmlmXmlmX/93ddb1ad2fbb06b430784cc57a049ae2 to your computer and use it in GitHub Desktop.
Save XmlmXmlmX/93ddb1ad2fbb06b430784cc57a049ae2 to your computer and use it in GitHub Desktop.
Download ZIP
Simple Tooltips Orientation Examples
Raw
Simple Tooltips Orientation Examples.html
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="nw">North-West</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="n">North</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="ne">North East</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="wn">West North</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="en">East North</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="w">West</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="e">East</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="ws">West South</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="es">East South</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="sw">South West</button>
<button role="tooltip" data-stt aria-label="Hello World!">South (Default)</button>
<button role="tooltip" data-stt aria-label="Hello World!" data-stt-orientation="se">South East</button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment