@stratio/egeo
Version:
78 lines (74 loc) • 3.15 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="radiomenucomponent">Radio Menu (Component)</h1>
<p>The Radio Menu is composed of options with radios. Usually, it is used in forms and when user interacts with the radio menu, certain part of that form changes according to the selected option.Moreover, you can add to the radio menu a specific theme
in order to adapt its colors as you need it.</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="req">Req</th>
<th id="description">Description</th>
<th id="default">Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>activeOption</td>
<td>StRadioMenuOption</td>
<td>False</td>
<td>Current active option</td>
<td>''</td>
</tr>
<tr>
<td>options</td>
<td>StRadioMenuOption[]</td>
<td>False</td>
<td>Array of string with options, option names must be translated</td>
<td>''</td>
</tr>
<tr>
<td>qaTag</td>
<td>String</td>
<td>False</td>
<td>Identifier to generate a qa tag for each option</td>
<td>''</td>
</tr>
<tr>
<td>theme</td>
<td>String</td>
<td>False</td>
<td>String representing the theme (css class) to be applied to the radio menu component. If you are using the Stratio theme, the possible values are theme-gray-1 and theme-gray-2</td>
<td>''</td>
</tr>
<tr>
<td>changedOption</td>
<td>StRadioMenuOption</td>
<td>False</td>
<td></td>
<td>''</td>
</tr>
</tbody>
</table>
<h2 id="example">Example</h2>
<pre><code class="html language-html"><st-radio-menu [activeOption]="selectedOptionTheme1"
class="radio-menu"
[options]="options"
qaTag="radio-menu-theme-gray-1">
</st-radio-menu>
</code></pre>
</body>
</html>