feat(input): control input position in storybook

Author: ovlb

packages/input/tests/input.stories.js

@@ -1,5 +1,5 @@
 import TournantInput from '../src/index.vue'
-import { withKnobs, text } from '@storybook/addon-knobs'
+import { withKnobs, text, radios } from '@storybook/addon-knobs'
 
 // const dataNoError = { $error: false, $dirty: false }
 
@@ -67,11 +67,35 @@ export const withError = () => ({
 	</tournant-input>`
 })
 
+const descriptionPositions = {
+	Top: 'top',
+	Bottom: 'bottom'
+}
+
 export const withDescription = () => ({
 	components: { TournantInput },
+	props: {
+		descriptionPosition: {
+			default: radios(
+				'Description position',
+				descriptionPositions,
+				'bottom',
+				'tuidescpos'
+			)
+		}
+	},
 	data: () => ({
 		validation: { $error: false, $dirty: false },
 		password: ''
 	}),
-	template: `<tournant-input label="password" :validation="validation" value="" v-model="password" type="password" description="Your password must be unique to this site." />`
+	template: `
+		<tournant-input
+			label="password"
+			:validation="validation"
+			value=""
+			v-model="password"
+			type="password"
+			description="Your password must be unique to this site."
+			:description-position="descriptionPosition" />
+	`
 })