Panacea
Panacea is the collection of vanilla Javascript components and services created to enable our developers to use whatever Javascript framework they want while still maintaining a single codebase for these components and services.
Custom Components
Select
<select class="form-control
data-component="select"
placeholder="Text field with character count">
<option>option one</option>
<option>option two</option>
</select>
<input class="form-control"
data-component="cm-select"
data-options="{
'items': [
{
'title': 'test1',
'disabled': true
},
{
'title': 'test2'
},{
'title': 'test3'
}
]
}">
<div class="form-input">
<select
class="form-control"
data-component="cm-select"
onchange="selectchanged(event)"
placeholder="select an option">
<option value="opt1">
ap option 1
</option>
<option value="opt2">
ab option 2
<option>
<option value="opt3" disabled>
bc option 3
<option>
</select>
<label>
Select box label
</label>
</div>
<div class="form-input">
<select class="form-control flag-select"
data-component="cm-select"
onchange="selectchanged(event)"
placeholder="select an language">
<option value="de" >Deutsch</option>
<option value="en" >English</option>
<option value="fr" >Français</option>
<option value="nl" >Nederlands</option>
<option value="ja" >日本語</option>
<option value="zh-s" >简体</option>
<option value="zh-t" >繁體</option>
</select>
<label>
Select box with flags
</label>