Vuetify: [Docs] demonstrate prepend-inner-icon and append-outer-icon

[Extarys]

Versions and Environment

Vuetify: 1.4.2
Vue: 2.5.22
Browsers: Firefox 65.0
OS: Linux x86_64

Steps to reproduce

• Create a v-text-field
• use prepend-icon or prepend-outer-icon

Expected Behavior

• Prepend-icon should be inside the border
• Prepend-outer-icon should be outside the border

Actual Behavior

• Both are outside the border

Reproduction Link

https://codepen.io/anon/pen/jXRorV

[KaelWD]

It's prepend-icon and prepend-inner-icon, there is no prepend-outer-icon. You should also use the css version of fontawesome, see #3505.

[Extarys]

Then there is an error in the examples: https://vuetifyjs.com/en/components/text-fields#icons

I also was successful in using FontAwesome SVG finally.

[KaelWD]

Wouldn't say error so much as potentially misleading.

[Extarys]

It's an error as it is not working :)

[KaelWD]

It's not working because you used it wrong, there's no prepend-outer-icon in that example either.

[MajesticPotatoe]

updated in https://github.com/vuetifyjs/vuetify/commit/a04d639e33617cf8c0e1bd37a10c52721bd019ec