Skip to content

Commit

Permalink
fix(docs): Improved QInput example to prevent multiplying issues
Browse files Browse the repository at this point in the history
  • Loading branch information
MilosPaunovic committed Feb 10, 2022
1 parent 656a42d commit c7ec8f3
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion docs/src/pages/vue-components/input.md
Expand Up @@ -6,7 +6,7 @@ keys: QInput

The QInput component is used to capture text input from the user. It uses `v-model`, similar to a regular input. It has support for errors and validation, and comes in a variety of styles, colors, and types.

## QInput API
## QInput APIf

<doc-api file="QInput" />

Expand Down Expand Up @@ -74,6 +74,10 @@ Please check these resources for more information about native attributes (for i

As a helper, you can use `clearable` prop so user can reset model to `null` through an appended icon. The second QInput in the example below is the equivalent of using `clearable`.

::: warning
Won't work with `v-model`-managed input modifiers, such as `.trim`, because in that case `Vue` doesn't handle `null` values.
:::

<doc-example title="Clearable" file="QInput/Clearable" />

### Input types
Expand Down

0 comments on commit c7ec8f3

Please sign in to comment.