@stratio/egeo
Version:
Stratio egeo library of components in Angular 2
56 lines (52 loc) • 2.32 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stratio Egeo - Documentation</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body class="container-fluid">
<a href="/index.html">Go Back to index</a><br>
<h1 id="popcomponent">Pop (Component)</h1>
<p>The pop is a component for manage floating elements like popups or dropdown-menu. This element need two element inside,a button element that launch popper and a content element that whose position will be relativo to button element.</p>
<h2 id="inputs">Inputs</h2>
<table class="table table-striped">
<thead>
<tr>
<th>Property</th>
<th>Type</th>
<th>Req</th>
<th>Description</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>placement</td>
<td>'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'</td>
<td>False</td>
<td>Define position of content relative to button</td>
<td>'bottom-start'</td>
</tr>
<tr>
<td>hidden</td>
<td>Boolean</td>
<td>False</td>
<td>TRUE: show pop content, FALSE: hide pop content</td>
<td>true</td>
</tr>
</tbody>
</table>
<h2 id="example">Example</h2>
<pre><code class="html language-html"><st-pop [hidden]="false"
placement="bottom">
<div pop-button>Button</div>
<div pop-content>Content</div>
</st-pop>
</code></pre>
</body>
</html>