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'
            }
        ]
    }">

Select box label

<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>

Select box with flags

<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>