feat(input): update stories

tournantdev · Oct 8, 2020 · 8a846d6 · 8a846d6
1 parent 8035d02
commit 8a846d6
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/packages/input/tests/input.stories.js b/packages/input/tests/input.stories.js
@@ -15,7 +15,7 @@ export const withLabel = () => {
 		},
 		data: () => ({
 			validation: { $error: false, $dirty: false },
-			name: ''
+			name: 'Tournant'
 		}),
 		template: `<tournant-input :label="label" :validation="validation" value="" v-model="name" type="text" />`
 	}
@@ -30,6 +30,30 @@ export const typePassword = () => ({
 	template: `<tournant-input label="password" :validation="validation" value="" v-model="password" type="password" />`
 })
 
+export const asTextarea = () => ({
+	components: { TournantInput },
+	data: () => ({
+		validation: { $error: false, $dirty: false },
+		message: 'Hello'
+	}),
+	template: `<tournant-input label="Your message" :value="message" :validation="validation"  v-model="message" :is-textarea="true" />`
+})
+
+export const asTextareaWithError = () => ({
+	components: { TournantInput },
+	data: () => ({
+		validation: { $error: true, $dirty: false },
+		message: 'Hello'
+	}),
+	template: `
+		<tournant-input label="Your message" :value="message" :validation="validation"  v-model="message" :is-textarea="true">
+			<template v-slot:feedback>
+				<p>Please enter your message</p>
+			</template>
+		</tournant-input>
+	`
+})
+
 export const withError = () => ({
 	components: { TournantInput },
 	data: () => ({