docs(Checkbox): add direction usage document (#5748)

2020-03-04 09:41:30 +08:00
parent 6d19ad590b
commit b8ce2ac6d6
2 changed files with 40 additions and 2 deletions
@@ -93,7 +93,6 @@ When Checkboxes are inside a CheckboxGroup, the checked checkboxes's name is an
 <van-checkbox-group v-model="result">
  <van-checkbox name="a">Checkbox a</van-checkbox>
  <van-checkbox name="b">Checkbox b</van-checkbox>
-  <van-checkbox name="c">Checkbox c</van-checkbox>
 </van-checkbox-group>
 ```

@@ -107,6 +106,25 @@ export default {
 };
 ```

+### Horizontal
+
+```html
+<van-checkbox-group v-model="result" direction="horizontal">
+  <van-checkbox name="a">Checkbox a</van-checkbox>
+  <van-checkbox name="b">Checkbox b</van-checkbox>
+</van-checkbox-group>
+```
+
+```js
+export default {
+  data() {
+    return {
+      result: []
+    };
+  }
+};
+```
+
 ### Maximum amount of checked options

 ```html