From c381c40ae6cf3b8aa81d90a8d86ddba79f7899c7 Mon Sep 17 00:00:00 2001
From: Sami Korpela <ketsappi@users.noreply.github.com>
Date: Mon, 7 Dec 2020 11:01:12 +0200
Subject: [PATCH] Change to use string format to tell the width for Textarea

Used in test and example of the use case. Changed to be consistent with the style with existing places; TextInput and SearchInput
---
 src/core/Form/Textarea/Textarea.md       | 2 +-
 src/core/Form/Textarea/Textarea.test.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/core/Form/Textarea/Textarea.md b/src/core/Form/Textarea/Textarea.md
index 6cdd7b168..0f185457f 100644
--- a/src/core/Form/Textarea/Textarea.md
+++ b/src/core/Form/Textarea/Textarea.md
@@ -67,7 +67,7 @@ import { Textarea } from 'suomifi-ui-components';
 
   <Textarea
     labelText="Textarea with fixed width of 250px"
-    containerProps={{ style: { width: 250 } }}
+    containerProps={{ style: { width: '250px' } }}
   >
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
     vestibulum iaculis augue, sit amet tincidunt ipsum.
diff --git a/src/core/Form/Textarea/Textarea.test.tsx b/src/core/Form/Textarea/Textarea.test.tsx
index 5810198a7..ba7f4479e 100644
--- a/src/core/Form/Textarea/Textarea.test.tsx
+++ b/src/core/Form/Textarea/Textarea.test.tsx
@@ -282,7 +282,7 @@ describe('props', () => {
       const { container } = render(
         <Textarea
           labelText="label"
-          containerProps={{ style: { width: 100 } }}
+          containerProps={{ style: { width: '100px' } }}
         />,
       );
       expect(container.firstChild).toHaveAttribute('style', 'width: 100px;');