Forms

  @input([
    'name' => 'email1',
    'type' => 'email',
    'placeholder' => 'Enter email',
    'required' => true,
    'labelName' => 'Email address',
    'formText' => "We'll never share your email with anyone else.",
  ])

  @input([
    'name' => 'password2',
    'type' => 'password',
    'placeholder' => 'Password',
    'required' => true,
    'labelName' => 'Password',
  ])

  @checkbox([
    'name' => 'checkmeou3',
    'labelName' => 'Check me out',
  ])

  @select([
    'name' => 'multipleSelect4',
    'required' => true,
    'labelName' => 'Example select',
    'items' => [1,2,3,4]
  ])

  @select([
    'name' => 'multipleSelect5',
    'inputAttr' => 'multiple ',
    'required' => true,
    'labelName' => 'Example multiple select',
    'items' => [1,2,3,4]
  ])

  @textarea([
    'name' => 'textarea1',
    'inputAttr' => 'rows="3"',
    'labelName' => 'Example textarea',
  ])

  @input([
    'inputClass' => 'form-control-lg',
    'name' => 'exmple6',
    'placeholder' => '.form-control-lg',
  ])

  @input([
    'name' => 'exmple7',
    'placeholder' => 'Default input',
  ])

  @input([
    'inputClass' => 'form-control-sm',
    'name' => 'exmple8',
    'placeholder' => '.form-control-sm',
  ])

  @input([
    'selectClass' => 'form-control-lg',
    'name' => 'exmple9',
    'placeholder' => '.form-control-lg',
    'items' => ['Large select']
  ])

  @input([
    'name' => 'exmple10',
    'placeholder' => 'Default input',
    'items' => ['Default select']
  ])

  @input([
    'selectClass' => 'form-control-sm',
    'name' => 'exmple11',
    'placeholder' => '.form-control-sm',
    'items' => ['Small select']
  ])

  @input([
    'labelClass' => 'col-sm-3 col-form-label-sm',
    'inputClass' => 'form-control-sm',
    'formGroupCol' => 'col-sm-9',
    'name' => 'email12',
    'placeholder' => '.col-form-label-sm',
    'required' => true,
    'labelName' => 'Email',
  ])

  @input([
    'labelClass' => 'col-sm-3',
    'formGroupCol' => 'col-sm-9',
    'name' => 'email13',
    'type' => 'email',
    'placeholder' => '.col-form-label (default)',
    'required' => true,
    'labelName' => 'Email',
  ])

  @input([
    'labelClass' => 'col-sm-3 col-form-label-lg',
    'inputClass' => 'form-control-lg',
    'formGroupCol' => 'col-sm-9',
    'name' => 'email14',
    'type' => 'email',
    'placeholder' => '.col-form-label-lg',
    'required' => true,
    'labelName' => 'Email',
  ])

  @input([
    'name' => 'exmple15',
    'inputAttr' => 'readonly',
    'placeholder' => 'Readonly input here...',
  ])

  @input([
    'inputClass' => 'form-control-plaintext',
    'name' => 'exmple16',
    'inputAttr' => 'readonly',
    'placeholder' => 'email@example.com',
    'labelClass' => 'col-sm-3',
    'formGroupCol' => 'col-sm-9',
    'labelName' => 'Email',
  ])

  @input([
    'labelClass' => 'col-sm-3',
    'formGroupCol' => 'col-sm-9',
    'name' => 'password17',
    'type' => 'password',
    'placeholder' => 'Password',
    'required' => true,
    'labelName' => 'Password',
  ])

  @input([
    'name' => 'example18',
    'placeholder' => 'Example input',
    'required' => true,
    'labelName' => 'Example label',
  ])

  @input([
    'name' => 'example19',
    'placeholder' => 'Another input',
    'required' => true,
    'labelName' => 'Another label',
  ])

  <div class="row">
    <div class="col">
      @input([
        'name' => 'example20',
        'placeholder' => 'Example input',
        'required' => true,
        'labelName' => 'Example label',
      ])
    </div>
    <div class="col">
      @input([
        'name' => 'example21',
        'placeholder' => 'Another input',
        'required' => true,
        'labelName' => 'Another label',
      ])
    </div>
  </div>

  <div class="form-row">
    <div class="col">
      @input([
        'name' => 'example22',
        'placeholder' => 'Example input',
        'required' => true,
        'labelName' => 'Example label',
      ])
    </div>
    <div class="col">
      @input([
        'name' => 'example23',
        'placeholder' => 'Another input',
        'required' => true,
        'labelName' => 'Another label',
      ])
    </div>
  </div>

  @input([
    'labelClass' => 'col-sm-3',
    'formGroupCol' => 'col-sm-9',
    'name' => 'email24',
    'type' => 'email',
    'placeholder' => 'Enter email',
    'required' => true,
    'labelName' => 'Email address',
    'formText' => "We'll never share your email with anyone else.",
  ])

  @input([
    'labelClass' => 'col-sm-3',
    'formGroupCol' => 'col-sm-9',
    'name' => 'password25',
    'type' => 'password',
    'placeholder' => 'Password',
    'required' => true,
    'labelName' => 'Password',
  ])

  @checkbox([
    'formGroupCol' => 'col-sm-9 ml-auto',
    'name' => 'checkmeout26',
    'labelName' => 'Check me out',
  ])

  @select([
    'labelClass' => 'col-sm-3',
    'formGroupCol' => 'col-sm-9',
    'name' => 'multipleSelect27',
    'required' => true,
    'labelName' => 'Example select',
    'items' => [1,2,3,4]
  ])

  @select([
    'labelClass' => 'col-sm-3',
    'formGroupCol' => 'col-sm-9',
    'name' => 'multipleSelect28',
    'inputAttr' => 'multiple ',
    'required' => true,
    'labelName' => 'Example multiple select',
    'items' => [1,2,3,4]
  ])

  @input([
    'labelName' => 'Is valid',
    'name' => 'exmple29',
    'placeholder' => '.form-control-lg',
    'validation' => [
      'state' => 'valid',
      'message' => 'Looks good!'
    ],
  ])

  @input([
    'labelName' => 'Is invalid',
    'name' => 'exmple30',
    'placeholder' => '.form-control-lg',
    'validation' => [
      'state' => 'invalid',
      'message' => 'Please choose a username.'
    ],
  ])

  @select([
    'labelName' => 'Is valid',
    'name' => 'exmple31',
    'placeholder' => '.form-control-lg',
    'items' => [1,2,3,4],
    'validation' => [
      'state' => 'valid',
      'message' => 'Looks good!'
    ],
  ])

  @select([
    'labelName' => 'Is valid',
    'name' => 'exmple31',
    'placeholder' => '.form-control-lg',
    'items' => [1,2,3,4],
    'validation' => [
      'state' => 'invalid',
      'message' => 'Please choose a username.'
    ],
  ])

  @checkbox([
    'name' => 'checkmeout32',
    'labelName' => 'Check me out',
    'validation' => [
      'state' => 'valid',
      'message' => 'Looks good!'
    ],
  ])

  @switches([
    'name' => 'savePassword33',
    'labelName' => 'Save password',
    'validation' => [
      'state' => 'invalid',
      'message' => 'Please check the Checkbox.'
    ],
  ])

  @file([
    'name' => 'fil34',
    'labelName' => 'File upload',
  ])