Forms


    // $scope.user
    {{user}}

    // $scope.nolabel
    {{nolabel}}
    
Input fields (legend)
  • Input field (text)

  • Input fields (text, pull-left) w/ button (small)

  • Input field (text disabled)

  • Search input field (text)

  • Field group (radio)

    1. Please tell us your preferred method of contact
    2. Please tell us your preferred method of contact
    3. Please tell us your preferred method of contact
  • Field group inline (radio)

    1. Please tell us your gender
  • Field group inline (checkbox)

  • No labels (radio, checkbox)

  • Field group (checkbox)

  • Textarea

Togglers


        $scope.toggler1: {{toggler1}}
        $scope.toggler2: {{toggler2}}
        $scope.toggler3: {{toggler3}}
      
  • Two items
  • Three items
  • Multiple items w/ long example

Switches


        $scope.switch1: {{switch1}}
        $scope.switch2: {{switch2}}
        $scope.switch3: {{switch3}}
        $scope.switch4: {{switch4}}
      
  • left/right (select)
  • left/right (select w/o labels)
  • on/off (power)
  • on/off (power w/o labels)