Checkbox with icheck

Theme: Minimal

Colors: black , red , green , blue , aero , grey , orange , yellow , pink , purple

Demo:

array(
    'id'         => 'settings_checkbox_checkbox',
    'type'       => 'checkbox',
    'title'      => 'iCheck With minimal-red',
    'class'      => 'icheck',
    'options'    => array(
        'option1' => 'Option1',
        'option2' => 'Option2',
    ),
    'attributes' => array(
        'data-theme' => 'minimal-red',
    ),
),

Theme: Square

Colors: black , red , green , blue , aero , grey , orange , yellow , pink , purple

Demo:

array(
   'id'         => 'settings_checkbox_checkbox',
   'type'       => 'checkbox',
   'title'      => 'iCheck With square-blue',
   'class'      => 'icheck',
   'options'    => array(
       'option1' => 'Option1',
       'option2' => 'Option2',
   ),
   'attributes' => array(
       'data-theme' => 'square-blue',
   ),
),

Theme: Flat

Colors: black , red , green , blue , aero , grey , orange , yellow , pink , purple

Demo:

array(
   'id'         => 'settings_checkbox_checkbox',
   'type'       => 'checkbox',
   'title'      => 'iCheck With flat-yellow'
   'class'      => 'icheck',
   'options'    => array(
       'option1' => 'Option1',
       'option2' => 'Option2',
   ),
   'attributes' => array(
       'data-theme' => 'flat-yellow',
   ),
),

Theme: Line

Colors: black , red , green , blue , aero , grey , orange , yellow , pink , purple

Demo:

array(
   'id'         => 'settings_checkbox_checkbox',
   'type'       => 'checkbox',
   'title'      => 'iCheck With line-pink',
   'class'      => 'icheck',
   'options'    => array(
       'option1' => 'Option1',
       'option2' => 'Option2',
   ),
   'attributes' => array(
       'data-theme' => 'line-pink',
   ),
),

Last updated