Simple Tooltips Orientation Examples

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>