Ionic CSS inputs

In this example below you will see how to do a Ionic CSS inputs with some HTML / CSS and Javascript

This awesome code was written by -kaik-, you can see more from this user in the personal repository.
You can find the original code on
Copyright -kaik- ©
  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>Ionic CSS inputs</title>


  <html ng-app="ionicApp">

  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <link href="//" rel="stylesheet">
  <script src="//"></script>

<ul class="list">

  <div class="item item-divider">Toogle</div>
  <li class="item item-toggle">
     <label class="toggle toggle-assertive">
       <input type="checkbox">
       <div class="track">
         <div class="handle"></div>
  <div class="item item-divider">Checkbox</div>
  <ion-checkbox ng-model="">Red</ion-checkbox>
  <ion-checkbox ng-model="filter.yellow">Yellow</ion-checkbox>

  <div class="item item-divider">Radio buttons</div>
  <ion-radio ng-model="choice" ng-value="'A'">Choose A</ion-radio>
  <ion-radio ng-model="choice" ng-value="'B'">Choose B</ion-radio>

  <div class="item item-divider">Range</div>
    <div class="item range range-positive">
    <i class="icon ion-ios-sunny-outline"></i>
    <input type="range" name="volume" min="0" max="100" value="33">
    <i class="icon ion-ios-sunny"></i>
  <div class="item item-divider">Range</div>  
  <label class="item item-input item-select">
    <div class="input-label">
      <option selected>Green</option>



    <script  src="js/index.js"></script>



/*Downloaded from */
angular.module('ionicApp', ['ionic'])