feat: add multiple examples (#5564)

2020-01-14 10:15:35 +08:00
parent c29372b114
commit a530c0314c
12 changed files with 310 additions and 7 deletions
@@ -90,6 +90,45 @@ export default {
 }
 ```

+### Bottom Left Button Content
+
+Use `extra-key` prop to set the content of bottom left button
+
+```html
+<van-button plain type="primary" @touchstart.stop="show = true'">
+  Show Id Card Number Keyboard
+</van-button>
+
+<van-number-keyboard
+  :show="show"
+  close-button-text="Close"
+  extra-key="X"
+  @blur="show = false"
+  @input="onInput"
+  @delete="onDelete"
+/>
+```
+
+### Keyboard Title
+
+Use `title` prop to set keyboard title
+
+```html
+<van-button plain type="info" @touchstart.stop="show = true'">
+  Show Custom Title Keyboard
+</van-button>
+
+<van-number-keyboard
+  :show="show"
+  close-button-text="Close"
+  title="Keyboard Title"
+  extra-key="."
+  @blur="show = false"
+  @input="onInput"
+  @delete="onDelete"
+/>
+```
+
 ## API

 ### Props