converted a few radios to radiogroups, fixed typo

vipin733 · Aug 14, 2017 · 0541ff2 · 0541ff2
1 parent e3036f7
commit 0541ff2
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 20 deletions.
diff --git a/examples/fabs/5.vue b/examples/fabs/5.vue
@@ -15,18 +15,22 @@
         </v-flex>
         <v-flex xs12 sm6 md4>
           <v-subheader>Speed dial direction</v-subheader>
-          <v-radio v-model="direction" value="top" label="Top" hide-details></v-radio>
-          <v-radio v-model="direction" value="right" label="Right" hide-details></v-radio>
-          <v-radio v-model="direction" value="bottom" label="Bottom" hide-details></v-radio>
-          <v-radio v-model="direction" value="left" label="Left" hide-details></v-radio>
+          <v-radio-group v-model="direction" hide-details>
+            <v-radio value="top" label="Top"></v-radio>
+            <v-radio value="right" label="Right"></v-radio>
+            <v-radio value="bottom" label="Bottom"></v-radio>
+            <v-radio value="left" label="Left"></v-radio>
+          </v-radio-group>
         </v-flex>
         <v-flex xs12 sm6 md4>
           <v-subheader>Transition</v-subheader>
-          <v-radio v-model="transition" value="slide-y-transition" label="Slide y" hide-details></v-radio>
-          <v-radio v-model="transition" value="slide-y-reverse-transition" label="Slide y reverse" hide-details></v-radio>
-          <v-radio v-model="transition" value="slide-x-transition" label="Slide x" hide-details></v-radio>
-          <v-radio v-model="transition" value="slide-x-reverse-transition" label="Slide x reverse" hide-details></v-radio>
-          <v-radio v-model="transition" value="scale-transition" label="Scale" hide-details></v-radio>
+          <v-radio-group v-model="transition" hide-details>
+            <v-radio value="slide-y-transition" label="Slide y"></v-radio>
+            <v-radio value="slide-y-reverse-transition" label="Slide y reverse"></v-radio>
+            <v-radio value="slide-x-transition" label="Slide x"></v-radio>
+            <v-radio value="slide-x-reverse-transition" label="Slide x reverse"></v-radio>
+            <v-radio value="scale-transition" label="Scale"></v-radio>
+          </v-radio-group>
         </v-flex>
       </v-layout>
     </v-container>

diff --git a/examples/sandbox/1.vue b/examples/sandbox/1.vue
@@ -34,14 +34,15 @@
                   </v-flex>
                   <v-flex xs12 md6>
                     <span>Drawer</span>
-                    <v-radio
-                      primary
-                      :label="drawer"
-                      v-model="primaryDrawer.type"
-                      :value="drawer.toLowerCase()"
-                      v-for="drawer in drawers"
-                      :key="drawer"
-                    ></v-radio>
+                    <v-radio-group v-model="primaryDrawer.type" column>
+                      <v-radio
+                        v-for="drawer in drawers"
+                        :key="drawer"
+                        primary
+                        :label="drawer"
+                        :value="drawer.toLowerCase()"
+                      ></v-radio>
+                    </v-radio-group>
                     <v-switch label="Clipped" v-model="primaryDrawer.clipped" primary></v-switch>
                     <v-switch label="Floating" v-model="primaryDrawer.floating" primary></v-switch>
                     <v-switch label="Mini" v-model="primaryDrawer.mini" primary></v-switch>

diff --git a/pages/ContributingView.vue b/pages/ContributingView.vue
@@ -8,7 +8,7 @@
       ad
     section#reporting-issues
       section-header Reporting issues
-      secion-text
+      section-text
         ul
           li The issue list of this repo is exclusively for bug reports and feature requests. Non-conforming issues will be closed immediately.
           ul
@@ -34,5 +34,5 @@
         |git checkout dev
         |npm install // or yarn
         |npm run dev
-      section-text This will start a local node server located at <a href="http://localhost:8080">http://localhost:8080</a>. Now from your code editor you can easily load components and test whatever you want at lightning speed! 
-</template>
+      section-text This will start a local node server located at <a href="http://localhost:8080">http://localhost:8080</a>. Now from your code editor you can easily load components and test whatever you want at lightning speed!
+</template>