diff options
Diffstat (limited to 'example/index.html')
| -rw-r--r-- | example/index.html | 27 |
1 files changed, 17 insertions, 10 deletions
diff --git a/example/index.html b/example/index.html index 7b46b64..8460374 100644 --- a/example/index.html +++ b/example/index.html @@ -12,14 +12,17 @@ <script src="index.js"></script>
<script type="text/ng-template" id="menu">
- <ul>
- <li ng-repeat="item in items"><a>{{item.name}}</a></li>
- </ul>
+ <div class="triangle"></div>
+ <div class="ns-popover-tooltip">
+ <ul>
+ <li ng-repeat="item in items"><a>{{item.name}}</a></li>
+ </ul>
+ </div>
</script>
<script type="text/ng-template" id="tooltip">
- <div class="arrow-up"></div>
- <div class="tooltip">
+ <div class="triangle"></div>
+ <div class="ns-popover-tooltip">
Cool! The <b>nsPopover</b> could be used as a tooptip.
</div>
</script>
@@ -29,31 +32,35 @@ <section viewport-width>
<h1> Popovers </h1>
- <article>
+ <article>
<button ns-popover
ns-popover-template="menu"
- ns-popover-trigger="click">
+ ns-popover-trigger="click"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on bottom
</button>
<button ns-popover
ns-popover-template="menu"
ns-popover-trigger="click"
- ns-popover-placement="top|left">
+ ns-popover-placement="top|left"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on top
</button>
<button ns-popover
ns-popover-template="tooltip"
ns-popover-trigger="click"
- ns-popover-placement="left">
+ ns-popover-placement="left"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on left
</button>
<button ns-popover
ns-popover-template="tooltip"
ns-popover-trigger="click"
- ns-popover-placement="right">
+ ns-popover-placement="right"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on right
</button>
</article>
|