Input

form

Text input field

Example
HTML code
<INPUT type="text" class="input input--justified" name="test" placeholder="Input value"/>
Type atom
Group form

PHP

Wrapper to use element through PHP

Extends eUiElementHidden
Render html
Create arguments name, value
Code example
$Input = $this->get('ui', 'input', Array(
    'name'        => 'name',
    'value'       => $value,
    'placeholder' => 'Example value',
    'tooltip'     => 'Tooltip text',
    'width'       => 100
));

Javascript

Wrapper to use element through Javascript

Code example
var $Input = cms.get('ui', 'input', {
  name:        'formName',
  value:       '100',
  placeholder: 'Placeholder text',
  tooltip:     'Tooltip',
  width:       100,
  style:       'justified',
  shape:       'round',
  onclick:     function(){}
});

Styles

Elements Css style

round
radius
sharp
justified
inutile? 100% should be default!!
query
Search keyword
select
Input that looks like select (autocomplete for fixed values)
first
Force to be starting input
last
Force to be ending input
azure
blue
violet
purple
pink
red
brown
orange
yellow
green
darkgreen
white
lightgray
gray
darkgray
black
success
warning
danger
error
info
muted
selected
save
delete
load
cancel