{{> head title="Elements" }}

Elements

Input fields & Dropdowns
Normal
Hover / Focus
Not-active
e-inputfield
e-inputfield-filed
e-inputfield-titled
{{> form-row id="i1" label="Title"}}
{{> form-row id="i2" label="Title"}}
{{> form-row id="i3" label="Title" disabled="true"}}
e-inputfield-titled-filed-error
{{> form-row id="i4" label="Title" value="Text info" error="Error message here"}}
{{> form-row id="i5" label="Title" value="Text info" error="Error message here"}}
{{> form-row id="i6" label="Title" value="Text info" error="Error message here" disabled="true"}}
e-inputfield-titled-description
{{> form-row id="i7" label="Title" info="Description text here"}}
{{> form-row id="i8" label="Title" info="Description text here"}}
{{> form-row id="i9" label="Title" info="Description text here" disabled="true"}}
e-inputfield-titled-required
{{> form-row id="i10" label="Title" info="Description text here" required="true"}}
{{> form-row id="i11" label="Title" info="Description text here" required="true"}}
{{> form-row id="i12" label="Title" info="Description text here" required="true" disabled="true"}}
e-dropdown
{{> dropdown id="d1" placeholder="Please select"}}
{{> dropdown id="d2" placeholder="Please select"}}
{{> dropdown id="d3" placeholder="Please select" disabled="true"}}
e-dropdown-titled
{{> form-row dropdown="true" label="Title" id="d4" placeholder="Please select"}}
{{> form-row dropdown="true" label="Title" id="d5" placeholder="Please select"}}
{{> form-row dropdown="true" label="Title" id="d6" placeholder="Please select" disabled="true"}}
e-dropdown-titled-error
{{> form-row dropdown="true" label="Title" id="d7" placeholder="Please select" error="Error message here"}}
{{> form-row dropdown="true" label="Title" id="d8" placeholder="Please select" error="Error message here"}}
{{> form-row dropdown="true" label="Title" id="d9" placeholder="Please select" disabled="true" error="Error message here"}}
Normal
Hover
Selected
Selected Hover
Not Active
Selected Not Active
Radio buttons
{{> radiobutton label="Label" name="r1" id="r1"}}
{{> radiobutton label="Label" name="r1" id="r2"}}
{{> radiobutton label="Label" name="r2" id="r3" checked="true"}}
{{> radiobutton label="Label" name="r3" id="r4" checked="true"}}
{{> radiobutton label="Label" name="r4" id="r5" disabled="true"}}
{{> radiobutton label="Label" name="r4" id="r6" checked="true" disabled="true"}}
Checkboxes
{{> checkbox label="Label" id="c1"}}
{{> checkbox label="Label" id="c2"}}
{{> checkbox label="Label" id="c3" checked="true"}}
{{> checkbox label="Label" id="c4" checked="true"}}
{{> checkbox label="Label" id="c5" disabled="true"}}
{{> checkbox label="Label" id="c6" checked="true" disabled="true"}}
{{> scripts}}