@stratio/egeo
Version:
95 lines (91 loc) • 3.59 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="launchercomponent">Launcher (Component)</h1>
<p>This components show a launcher for the instances of an item group</p>
<h2 id="inputs">Inputs</h2>
<table class="table table-striped">
<thead>
<tr>
<th id="property">Property</th>
<th id="type">Type</th>
<th id="required">Required</th>
<th id="description">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>qaTag</code></td>
<td>String</td>
<td>False</td>
<td>For set id for tests, default: ''</td>
</tr>
<tr>
<td><code>items</code></td>
<td>StLauncherGroup[]</td>
<td>True</td>
<td>List of groups of items to show</td>
</tr>
<tr>
<td><code>groupLimit</code></td>
<td>Number</td>
<td>False</td>
<td>Limit of items to be displayed per group, default: undefined</td>
</tr>
<tr>
<td><code>groupLimitMessage</code></td>
<td>String</td>
<td>False</td>
<td>Label when the group items limit is exceeded, default: ''</td>
</tr>
</tbody>
</table>
<h2 id="outputs">Outputs</h2>
<table class="table table-striped">
<thead>
<tr>
<th id="property">Property</th>
<th id="type">Type</th>
<th id="required">Required</th>
<th id="description">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>change</code></td>
<td>StLauncherItem</td>
<td>False</td>
<td>Notify any item selection, default: ''</td>
</tr>
<tr>
<td><code>toggle</code></td>
<td>StLauncherGroup</td>
<td>False</td>
<td>Notify any group expansion or collapsed, default: ''</td>
</tr>
<tr>
<td><code>viewMore</code></td>
<td>StLauncherGroup</td>
<td>False</td>
<td>Notify that wants to see more items in a group, default: ''</td>
</tr>
</tbody>
</table>
<h2 id="example">Example</h2>
<pre><code> {html} ```
<st-launcher qaTag="launcher-example" [items]="items" [groupLimit]="4" [groupLimitLabel]="'View more'" (toggle)="onToggle(event)" (select)="onSelect(event)" (viewMore)="onViewMore(event)">
</st-launcher>
</code></pre>
<p>```</p>
</body>
</html>